.row {
    margin: 0;   
}

/* --- navbar --- */


.nav-brand-img {
    margin-left: 20px;
    margin-right: 20px;
}

.nav-link {

    font-size: 15px !important;
    
}

@media (max-width: 1200px) {
    .nav-brand-img {
        margin-left: 5px;
        margin-right: 10px;
    }
    .nav-link {
        
        font-size: 15px !important;
    }
}
@media (max-width: 992px) {
    .nav-brand-img {
        margin-left: 10px;
        margin-right: 10px;
    }
    .nav-link {
        
        font-size: 13px !important;
    }
    .h3 {
        font-size: 1.5rem !important;
    }

}
@media (max-width: 870px) {
    
    .nav-link {
        
        font-size: 11px !important;
    }
    

}
@media (max-width: 778px) {
    .nav-brand-img {
        margin-left: 10px;
        margin-right: 10px;
    }
    .nav-link {
        
        font-size: 10px !important;
    }

    .h1 {
        font-size: 1.55rem !important;
    }
    .h2 {
        font-size: 1.7rem !important;
    }
    .h3 {
        font-size: 1.4rem !important;
    }
    .h5 {
        font-size: 1.1rem !important;
    }
}
@media (max-width: 576px) {
    .h1 {
        font-size: 1.2rem !important;
    }    
    .h2 {
        font-size: 1.8rem !important;
    }
    .h5 {
        font-size: 0.9rem !important;
    }
    .h6 {
        font-size: 0.9rem !important;
    }

}

/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape)  {
    .nav-brand-img {
        margin-left: 30px;
        margin-right: 10px;
    }
    .navbar {
        
        min-height:42px !important;
        
    }
    .h1 {
        font-size: 1.55rem !important;
    }
 }