.hero {
    height: 90px;
    z-index: 5;
}
.mainpage{
    z-index: 5;
    color: white;
}
.mainpage h1{
    font-size: 50px; font-weight: 700;
}
.mainpage span{
    font-size: 37px; font-weight: 700;
}
.mainpage h4{
    font-size: 20px; font-weight: 500;
}


@media screen and (max-width:768px){
    .mainpage{
        width: 90%;
    }
    .mainpage h1{
        font-size: 35px;
    }
    .mainpage span{
        font-size: 25px;
    }
    .mainpage h4{
        font-size: 15px;
    }
}