/* ------------------------------ */
/* ------------------------------ */
/* OVERRIDES FOR RESPONSIVE DESIGN */
/* ------------------------------ */

@media (max-width:1200px) {
    #top_menu ul { padding:0px; }
    #main_menu li { margin:10px 0px 10px 20px; }
    .promotions_box .body h2 { font-size:1.2rem; margin-bottom:1rem; }
}

@media (max-width:1024px) {
    #container_responsive_design_menu {
        display:block;
        position:absolute;
        top:25px;
        right:10px;
        z-index:99999;
    }

        #container_responsive_design_menu_content img {
            cursor:pointer;
        }

    #main_menu {

    }

    #wrapper_header {
        position:relative;
        clear:both;
    }

        #container_header {
            width:100%;
            height:70px;
        }

            #container_header_box_1 {
                float:none;
                clear:both;
                width:100%;
            }

                #container_header_box_1_content {
                    padding:0px;
                }

                    #container_header_box_1_content img {
                        height:50px;
                        padding:10px 0px 10px 10px;
                    }

            #container_header_box_2 {
                display:none;
                float:none;
                width:100%;
                height:100em;
                position:absolute;
                top:70px;
                right:0px;
                z-index:999;
                background-color:#000000;
                border-top:1px #FFFFFF solid;
            }

                #container_header_box_2_content {
                    padding:40px 20px 400px 20px;
                }

                    #top_menu {
                        position:absolute;
                        top:-52px;
                        right:60px;
                    }

                        #top_menu li:nth-child(1) { display:none; }

                        #main_menu ul {
                            padding:0px;
                        }

                            #main_menu li {
                                float:none;
                                clear:both;
                                width:100%;
                                margin:0px 0px 20px 0px;
                                padding:0em;
                                text-align:center;
                            }

                            #main_menu a {
                                font-size:1.2em;
                                font-weight:200;
                            }

    #wrapper_hero_image {

    }

        .hero_title h1 {
            font-size:1.4em;
        }

        .hero_title .client_logo img {
            height:120px;
        }

    #global_body {
        width:100%;
    }

        #container_home_row_1_box_1 {
            display:none;
            clear:both;
            float:none;
            width:100%;
            padding-bottom:0em;
            margin-bottom:0em;
            background-size:cover;
            background-position:top;
            height:16em;
        }

        #container_home_row_1_box_2 {
            clear:both;
            float:none;
            width:100%;
            padding-bottom:0em;
            margin-bottom:0em;
        }

            #container_home_row_1_box_2_content {
                padding:2.5em 1.25em 2.5em 1.25em;
            }

        #container_home_row_2_box_1 {
            clear:both;
            float:none;
            width:100%;
            padding-bottom:0em;
            margin-bottom:0em;
        }

            #container_home_row_2_box_1_content {
                padding:2.5em 1.25em 2.5em 1.25em;
            }

        #container_home_row_2_box_2 {
            clear:both;
            float:none;
            width:100%;
            padding-bottom:0em;
            margin-bottom:0em;
            background-size:cover;
            background-position:top;
            height:14em;
        }

    .container_body {
        width:100%;
    }

        .container_body_content {
            padding:4em 2.5em;  
        }

            .grid li:nth-child(2n+1),
            .grid li:nth-child(2n+2) {
                clear:both;
                float:none;
                width:90%;
                margin:0em 0em .5em 0em;
            }

            .grid li:nth-child(even) { background-color:transparent; }

            .nutritionist_photo {
                clear:both;
                float:none;
                width:100%;
                padding:0em 0em 1em 0em;
            }

    #container_footer {
        width:100%;
    }

        #container_footer_box_1 {
            clear:both;
            float:none;
            width:100%;
        }

            #container_footer_box_1_content {
                text-align:center;
            }

        #container_footer_box_2 {
            clear:both;
            float:none;
            width:100%;
        }

            #container_footer_box_2_content {
                text-align:center;
            }

    /*-- campus and hawks --*/
    #campus_cafe .box_1,
    #campus_cafe .box_2,
    #hawks_cafe .box_1,
    #hawks_cafe .box_2 {
        clear:both;
        width:100%;
        float:none;
    }

    /*-- weekly menu --*/
    #menu_date_bar {
        clear:both;
        padding:0em;
    }

    #menu_venue_menu_category a {
        padding:.5em 2em .5em 2em;
        margin:0em 1px .5em 1px;
        min-width:30%;
    }

    .menu_venue_menu_name {
        text-align:center;
    }

        .menu_venue_menu_name h1 {
            padding:.75em 0em .75em 0em;
        }

    /*-- menu end --*/

    /*-- stations */
    #stations .container_body_content > ul > li {
        display:block;
        width:100%;
    }

        #stations .box {
            padding:0px 0px 20px 0px;
            margin:0px 0px 20px 0px;
            border:0px;
            border-bottom:1px #808080 solid;
        }
}

@media (max-width:760px) {
    .flex_row { display:block; }
    .flex_row .box { width:100%; max-width:500px; }

    .campus_cafe_box { display:block; }
    .campus_cafe_box .box {margin-bottom:50px; }

    .promotions_box { display:block; }
    .promotions_box .box:not(:last-of-type) {margin-bottom:30px; }
}

@media (min-width:479px) {

}

@media (max-width:639px) {
    #container_welcome {
        margin:60px auto;
    }

        #container_welcome_content {
            padding:0px;
        }

            #wrapper_welcome h1 img {
                height:100px;
            }

            #container_welcome_content h2 {
                font-size:2em;
                padding-top:0px;
                margin:20px 0px 5px 0px;
            }
            
                #container_welcome_content p {
                font-size:1em;
            }

                #container_welcome_content a.link_as_button {
                    margin-top:20px;
                }

        #welcome_logo_lessings {
            position:relative;
            width:100%;
            text-align:center;
            bottom:auto;
            right:auto;
            padding:0px 0px 20px 0px;
        }

            #welcome_logo_lessings img {
                height:60px;
            }

    .hero_title {
        display:none;
    }

    #menu_date_bar {
        padding:0em;
    }

        #menu_date_bar li {
            margin:0em .25em;
        }

        #menu_date_bar a {
            padding:.5em;
            font-size:.8em;
        }

        #menu_date_bar a.selected {
            padding:.5em;
        }

        #menu_venue_box_content {
            padding:0em .5em 2em .5em;
        }

        .menu_venue_menu_name h1 {
            font-size:1.2em;
        }

        #menu_venue_items h2 {
            font-size:1.1em;
        }

        .menu_venue_row {
            font-size:.8em;
        }

        #menu_date_bar li:nth-child(1),
        #menu_date_bar li:nth-child(5) {
            display:none;
        }

    #menu_venu_logo img {
        height:50px;
    }

    /*-- home --*/
    #home_our_focus li {
        display:block;
        width:100%;
        margin:0em 0em 2em 0em;
    }

    #home_our_focus li:nth-child(1) img,
    #home_our_focus li:nth-child(2) img {
        box-shadow:none;
        border:1px #666666 solid;
    }

    #home_our_focus li:nth-child(3) {
        text-align:center;
    }

    /*-- bio --*/
    .bio li {
        display:block;
        width:100%;
    }

        .bio li:nth-child(2n+1) {
            width:100%;
            text-align:center;
        }

            .bio li:nth-child(2n+1) img {
                width:70%;
            }

        .bio li:nth-child(2n+2) {
            width:100%;
        }
}

@media (min-width:480px) AND (max-width:639px) {

}

@media (min-width:640px) AND (max-width:767px) {
    #menu_date_bar li {
        margin:0em .5em;
    }

    #menu_date_bar a {
        padding:.8em;
        font-size:.9em;
    }
}

@media (min-width:640px) AND (max-width:1024px) {
    .nutritionist_photo {
        clear:none;
        float:left;
        width:40%;
        padding:0em 1em 1em 0em;
    }

    /*-- home --*/
    #home_our_focus li {
        width:100%;
        margin:0em 0em 2em 0em;
    }

    #home_our_focus li:nth-child(1),
    #home_our_focus li:nth-child(2) {
        width:44%;
    }

        #home_our_focus li:nth-child(1) img,
        #home_our_focus li:nth-child(2) img {
            box-shadow:none;
            border:1px #666666 solid;
        }

    #home_our_focus li:nth-child(3) {
        text-align:center;
        width:100%;
    }

    /*-- bio --*/
    .bio li:nth-child(2n+1) {
        width:35%;
    }

    .bio li:nth-child(2n+2) {
        width:60%;
    }
}

@media (min-width:768px) AND (max-width:1024px) {

}

/* desktop - low resolution */
@media (min-width:1025px) AND (max-width:1199px) {
    #container_header {
        width:100%;
    }

        #container_header_box_1_content {
            padding:1em 0em 1em 1em;
        }

            #container_header_box_1_content img {
                height:60px;
            }

        #container_header_box_2_content {
            padding:0em 1em 0em 0em;
        }

    #global_body {
        width:100%;
    }

    #container_body {
        width:100%;
    }

    #container_footer {
        width:100%;
    }

        #container_footer_box_1_content {
            padding:2.75em 0em 1.5em 1em;
        }

        #container_footer_box_2_content {
            padding: 1em 1em 1em 0em;
        }
}

/* desktop - medium resolution */

@media (min-width:1280px) and (max-width:1600px) {

}