/* MOBILE_INDEX.CSS
   Adjustments for index.html when viewport is set to 960px width
   Browser automatically scales page to fit mobile screen
*/

@media screen and (max-width: 768px) {
    /* Make disclaimer text smaller so it doesn't wrap */
    footer .disclaimer {
        font-size: 0.5rem !important;
        line-height: 1.2 !important;
    }
    
    footer .disclaimer-title {
        font-size: 0.65rem !important;
    }
    
    footer .copyright {
        font-size: 0.55rem !important;
    }
}

@media screen and (max-width: 480px) {
    footer .disclaimer {
        font-size: 0.45rem !important;
        line-height: 1.15 !important;
    }
    
    footer .disclaimer-title {
        font-size: 0.6rem !important;
    }
}

@media screen and (max-width: 360px) {
    footer .disclaimer {
        font-size: 0.4rem !important;
        line-height: 1.1 !important;
    }
    
    footer .disclaimer-title {
        font-size: 0.55rem !important;
    }
}