/******************** homepage ********************/
@media screen and (max-width: 800px) and (orientation: portrait), screen and (max-width: 400px), screen and (max-width: 1024px) {

    #header {
        background: #2C2C2C;

    }

    .home-title, .home-title-large {
        background-color: #343434 !important;
    }

    input[type=submit]:not(.add-to-cart):not(.add-to-waitlist) {
        background: #02407D;
        /*background: linear-gradient(#B1C75E, #6B933E);*/
    }
    .mobile-menu-toggle {
        background-color: #2C2C2C;
    }
    .mobile-menu-toggle.active {
        background-color: #fff;
    }

    .mobile-menu-toggle.active:after {
        background-color: #2C2C2C;
    }

}