.heroelement h1{
    color:#fff;
}

.heroelement .carousel-caption .typography{
    text-align: left;
}

@media (max-width: 767.98px) {
    .heroelement .carousel-caption{
        width: 65%;
    }
    .heroelement .carousel-caption .typography{
        font-size: 12px;
    }
    .heroelement h1{
        color:#fff;
        font-size: 21px;
    }
    .carousel-caption {
        text-align: left;
        top: 20px;
    }
}