/* Big tablet to 1200px (widths smaller than the 1140px row) */

@media only screen and (max-width: 2600px) 
{
    section.map > div.small
    {
        display: none;
    }
    
}

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

/* ------------------------------------------------------- */
/* DIV / FOOTER */
/* ------------------------------------------------------- */

    section.footer
    {
        width: 100%;
        height: 240px;
        margin-top: 50px;
        background-color: #333;
    }
    
    section.footer > div > div > h1,
    section.footer > div > h1
    {
        margin-top: 20px;
    }

    section.footer > div > div > h3,
    section.footer > div > p
    {
        margin-top: 20px;
        color: #ddd;
        text-align: center;
        font-size: 20px;
        font-weight: 300;
    }

    section.footer > div.container > div > ul > li
    {
        margin: 40px 25px;
    }

    section.footer > div > h1
    {
        margin-top: 20px;
    }

    section.footer > div > p
    {
        margin-top: 10px;
        font-size: 18px;
    }

    
    
}

    
/* Small iPhones */
@media only screen and (max-width: 375px)
{
    
/************************************************************
    LEFT TEXT BOX
************************************************************/
    
    div.left-text-box
    {
        width: 70%;
        margin-left: 0;
    }
    
    div.left-text-box > a.logo
    {
        font-size: 40px;
    }
    
    div.left-text-box > div
    {
        line-height: 20px;
    }
    
    div.left-text-box > div > p
    {
        margin-top: 5px;
        font-size: 14px;
    }

/* ------------------------------------------------------- */
/* BEST MENU
/* ------------------------------------------------------- */
    section.best-menu
    {
        margin-top: 20px;
    }

    section.best-menu > div.row
    {
        width: 90%;
    }

    section.best-menu > div.row > h2
    {
        font-size: 30px;
    }

    section.best-menu > div.row > h2:after
    {
        margin-top: 20px;
    }

    div.best-menu > div > h3
    {
        font-size: 16px;
    }

    div.best-menu > div > p
    {
        font-size: 13px;
        line-height: 20px;
    }
    
/* ------------------------------------------------------- */
/* ABOUT
/* ------------------------------------------------------- */
    section.about
    {
        padding-bottom: 20px;
    }

    section.about > div > div > h2
    {
        margin-top: 20px;
        font-size: 30px;
    }

    section.about > div > div > h2:after
    {
        margin-top: 20px;
    }

    section.about > div > div > p
    {
        width: 98%;
        margin-top: 20px;
        margin-left: 1%;
        line-height: 20px;
        font-size: 14px;
    }

    section.about > div > div > div > i
    {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    section.about > div > div.box
    {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    section.about > div > div.box > div
    {
        width: 100%;
    }

    section.about > div > div.box > div > p
    {
        font-size: 13px;
        line-height: 20px;
    }

/* ------------------------------------------------------- */
/* MEALS */
/* ------------------------------------------------------- */

    section.meals
    {
        margin-top: 20px;
    }

    ul.meals-showcase > li
    {
        width: 100%;
    }
    
/* ------------------------------------------------------- */
/* GOOGLE MAP */
/* ------------------------------------------------------- */

    section.map
    {
        margin-top: 20px;
    }
    
    section.map > div.big
    {
        display: none;
    }
    
    section.map > div.small
    {
        display: block;
    }

/* ------------------------------------------------------- */
/* DIV / FOOTER */
/* ------------------------------------------------------- */

    section.footer
    {
        height: 470px;
        margin-top: 20px;
    }

    section.footer > div.container
    {
        width: 98%;
        margin-left: 1%;
    }

    section.footer > div.container > div.col > ul.photos
    {
        margin-top: 10px;
    }

    section.footer > div.container > div.col > ul.photos > li
    {
        width: 49%;
    }

    section.footer > div > div > h1,
    section.footer > div > h1
    {
        margin-top: 10px;
        font-size: 16px;
    }

    section.footer > div > div > h3,
    section.footer > div > p
    {
        margin-top: 10px;
        font-size: 14px;
    }

    section.footer > div.container > div > ul > li
    {
        display: inline-block;
        margin: 20px 30px;
    }

    section.footer > div.container > div > ul > li > i
    {
        font-size: 20px;
    }

    section.footer > div.container > div > ul > li > i.ion-social-facebook
    {
        padding: 5px 14px;
        border-radius: 50px;
    }

    section.footer > div.container > div > ul > li > i.ion-social-instagram
    {
        padding: 5px 11px;
        border-radius: 50px;
    }

    section.footer > div.container > div > ul > li > i.ion-social-twitter
    {
        padding: 5px 9px;
        border-radius: 50px;
    }

    section.footer > div > h1
    {
        margin-top: 0px;
        font-size: 16px;
    }

    section.footer > div > p
    {
        margin-top: 2px;
        font-size: 14px;
    }


/* ------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------- */

    footer
    {
        font-size: 12px;
    }