@media only screen and (max-width: 2600px) 
{
    body.menu > div.main-container > div.small-header
    {
        display: none;
    }
    
    body.menu > div.main-container > footer > div.small-page
    {
        display: none;
    }
    
    body.menu footer 
    {
        bottom: 0;
    }
    
    body.menu > div.main-container > footer.menu-page-footer > div.contact
    {
        display: none;
    }
    
    body.menu > div > section.menu-box > div > p > br
    {
        display: none;
    }
    
}


@media only screen and (max-width: 1410px) 
{
    div.left-text-box
    {
        margin-left: 250px;
    }

    div.bg-left
    {
        left: 250px;
    }

    section.menu-box
    {
        margin-left: 500px;
    }
}
    

@media only screen and (max-width: 1200px) 
{
    
    div.left-text-box
    {
        margin-left: 180px !important;
    }

    div.bg-left
    {
        left: 180px;
    }

        section.menu-box
    {
        margin-left: 430px;
    }
}
    
    
    
@media only screen and (max-width: 375px)
{   
    
    body.menu > div.main-container > div.side-bar
    {
        display: none;
    }
    
    div.bg-left
    {
        display: none;
    }
    
    body.menu > div > section.menu-box > div > p > br
    {
        display: block;
    }
    
/************************************************************
    LEFT TEXT BOX
************************************************************/ 

    body.menu > div.main-container > div.small-header
    {
        display: block;
        width: 100%;
        height: 30vh;
        background-color: rgba(23, 23, 23, 0.75);
        
    }
    
    body.menu > div > div.small-header > a
    {
        display: inline-block;
        margin-left: 10px;
        margin-top: 10px;
        color: #eee;
        font-size: 35px;
        font-family: "Great Vibes";
        font-weight: 300;
    }

    body.menu > div > headdiv.small-headerer > ul
    {
        float: left;
    }

    body.menu > div > div.small-header > ul > li
    {
        display: inline-block;
        width: 31%;
    }

    body.menu > div > div.small-header > ul > li > a
    {
        float: right;
        min-width: 95px;
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 3px;
        border-radius: 3px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        font-size: 14px;
        background-color: #e67e22;

    }
    
    body.menu > div > div.small-header > div.header-container
    {
        background-color: rgba(23, 23, 23, 0.75);
    }
 
    body.menu > div > div.small-header > div > div.event,
    body.menu > div > div.small-header > div > div.hours
    {
        display: block;
        float: left;
        width: 48%;
        margin-left: 2%;
        padding-left: 20px;
        color: #eee;
        font-size: 12px;
    }
    
    body.menu > div > div.small-header > div > div.event
    {
        border-right: 1px solid #ddd;
    }
    
    
/************************************************************
    MENU PAGE MENU
************************************************************/
    
    section.menu-box
    {
        display: block;
        width: 100%;
        margin-left: 0px;
        background-color: rgba(23, 23, 23, 0.75);
        
    }

    section.menu-box > div#entree,
    section.menu-box > div#lunch-special,
    section.menu-box > div#beverages
    {
        width: 96%;
        margin-left: 2%;
    }

    section.menu-box > div > h1,
    section.menu-box > div > h2
    {
        margin-top: 10px;
        color: #ddd;
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 1px;
        font-family: 'Poiret One', cursive;
    }

    section.menu-box > div > hr
    {
        width: 100%;
        height: 1px;
        margin-top: 20px;
        border-bottom: 1px solid #ddd;
    }

    section.menu-box > div > h3
    {
        margin-top: 20px;
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        font-family: 'Poiret One', cursive;
        text-transform: uppercase;
        letter-spacing: 5px;
    }

    section.menu-box > div > p
    {
        margin-top: 30px;
        color: #fff;
        font-size: 14px;
        letter-spacing: 1px;
        vertical-align: middle;
    }

    section.menu-box > div > p > span
    {
        float: right;
    }

    section.menu-box > div
    {
        padding-bottom: 215px;
    }
    
/************************************************************
    FOOTER
************************************************************/
    
    body.menu > div.main-container > footer.menu-page-footer > div.full-page > h3 
    {
        display: none;
    }
    
    body.menu > div.main-container > footer.menu-page-footer > div.contact
    {
        display: block;
    }
    
    footer
    {
        display: block;
        bottom: 0;
        width: 100%;
        height: 170px !important;
        margin-top: 50px;
        padding: 50px 0;
        background-color: #333;
    }

    footer > div > ul.social-links
    {
        margin-top: -40px;
        text-align: center;
    }

    footer > div > ul.social-links > li
    {
        display: inline-block;
        margin: 0 10px !important;
    }

    footer > div > ul.social-links > li > a > i
    {
        font-size: 20px !important;
    }
    
    footer.menu-page-footer > div.full-page > ul > li > a > i.ion-social-facebook
    {
        padding: 1px 10px;
    }

    footer.menu-page-footer > div.full-page > ul > li > a > i.ion-social-instagram
    {
        padding: 1px 7px;
    }

    footer.menu-page-footer > div.full-page > ul > li > a > i.ion-social-twitter
    {
        padding: 1px 5px;
    }

    footer > div > p
    {
        margin-top: 10px;
        color: #ddd;
        text-align: center;
        font-size: 12px;
        line-height: 10px;
    }

    footer > div.copyright
    {
        margin-top: 20px !important;
    }
    
    footer > div.contact
    {
        width: 100%;
        text-align: center;
    }
    
    footer > div.contact > a
    {
        display: inline-block;
        margin-top: 10px;
        padding: 3px 12px;
        border: 1px solid #ddd;
        border-radius: 3px;
        color: #ddd;
        font-size: 12px;
    }
    
    
}