@media(max-width:991px){

    .hero-content{
        text-align:center;
    }

    .hero-content h1{
        font-size:42px;
        line-height:58px;
    }

    .hero-circle{
        width:250px;
        height:250px;
        margin-top:50px;
    }

    .hero-big-logo{
        width:180px;
        height:180px;
        font-size:55px;
    }

}

@media(max-width:768px){

    .section-title{
        font-size:32px;
    }

    .hero-content h1{
        font-size:35px;
        line-height:48px;
    }

    .hero-buttons{
        justify-content:center;
    }

}