/* =============================================================================================================
                                                FONT SIZE
   =============================================================================================================*/


/* xxl <= dim */
@media only screen and (min-width: 1500px) {
    html {
        font-size: 14px;
    }
}

/* lg <= dim <= xxl */
@media only screen and (min-width: 992px) and (max-width: 1500px){
    html {
        font-size: 12px;
    }
}

/* dim <= lg */
@media only screen and (max-width: 992px) { 
    html {
        font-size: 10px;
    }
}




/* =============================================================================================================
                                                LAYOUT
   =============================================================================================================*/


@media only screen and (max-width: 992px) {
    .hidden-mobile {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .show-only-mobile {
        display: none !important;
    }
}