html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
    background-color: #ebc9a8;
}

.mud-switch-track {
    background-color: #ffffff !important;
}

/************************************

            MEDIA QUERIES

************************************/
@media (max-width: 580px) {
    /* For LMI title on landing page */
    .lmi-title {
        display: none;
    }
}

@media (max-width: 400px) {
    /* Adjusting size of login and registration button on landing page header */
    .landing-page-header-login-button, .landing-page-header-register-button {
        font-size: 11px !important;
        margin-left: 4px;
    }
    
    #hero-section .carousel {
        margin-left: 20px !important;
        width: 280px !important;
    }
    
    #hero-section .landing-page-button {
        font-size: 10px !important;
    }

    #hero-section .carousel-header-text {
        font-size: 18px !important;
    }

    #hero-section .carousel-body-text {
        font-size: 13px !important;
        line-height: 1.49 !important;
    }
    
    #hero-section .landing-page-button-container {
        margin-left: 4px !important;
    }

    #hero-section .landing-page-button-container .landing-page-start-questionnaire-button {
        margin-left: 4px !important;
    }

    #hero-section .landing-page-button-container .landing-page-contact-lmi-button {
        margin-left: 4px !important;
    }
}