@media (max-width:991px){

    .hero{

        text-align:center;

    }

    .hero-title{

        font-size:42px;

    }

    .hero-button{

        justify-content:center;

    }

    .hero-image{

        margin-top:50px;

    }

}

@media (max-width:576px){

    .hero-title{

        font-size:32px;

    }

    .hero-description{

        font-size:16px;

    }

}