@media screen and (max-width : 922px ){

}
@media screen and (max-width : 576px ){
    .hero-tagline h1{
        font-size: 30px;
    }
    .img-hero{
        width: 40%;
        height: auto;
    }
    h2{
        font-size: 38px;
    }
    .sub-title{
        font-size: 16px;
    }
    .card-layanan{
        margin: 15px 15px 0 0;
    }
    #search h2{
        font-size: 42px;
    }
    #search p{
        font-size: 15px;
    }
    .btn-outline-secondary {
        /* width: 50%;
        height: 60px; */
        }

    #tentang {
        padding-bottom: 0;
    }
}
@media screen and (max-width : 350px ){

}