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

   }
@media screen and (max-width : 576px) {  
       .hero-tagline h1 {      
           line-height: 50px;
        }
           .img-hero {
            width: 50%;
            height: auto;     
        }


        h2 {
            font-size: 34px;
        }
        .sub-title {
            font-size: 16px;
        }

        .card-layanan {
            margin: 15px 0;
        }

        .profil h3 {
            font-size: 25px;
        }

        .profil span {
            font-size: 18px;
        }

        .porto h2 {
            font-size: 32px;
        }

        .button-porto {
            width: 100%;
        }
        

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

}