@media(max-width:992px){

.hero{

text-align:center;

padding-top:150px;

}

.hero h1{

font-size:42px;

}

.hero-buttons{

justify-content:center;

}

.navbar{

padding:15px;

}

}

@media(max-width:768px){

.hero h1{

font-size:34px;

}

.hero p{

font-size:17px;

}

.section-title h2{

font-size:32px;

}

}
@media (max-width: 768px){

    .navbar-brand{
        max-width: 190px;
        margin-right: auto;
    }

    .navbar-brand img{
        max-width: 190px;
        width: auto;
        height: auto;
    }

    .navbar{
        padding: 10px 0;
    }

    .navbar-toggler{
        margin-top: 0;
    }
}