/* Phone: Portrait */ @media (max-width: 768px) and (orientation: portrait) {


    
.loader img {
    width: 50%;
}




h1 {

    font-size: 50pt;

}

h2 {

    font-size: 25pt;
    padding-top: 25px;
}

h3 {

    font-size: 20pt;
}

p {
    font-size: 13pt;
    padding-top: 10px;
}









/* Menu Containers */
.menu-container-top, .menu-container-bottom {
    display: block;
    padding-left: 0%;
    padding-right: 0%;
    width: 100%;
   
}

.menu-container-top {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 745px;
}

.menu-container-bottom {
    padding-top: 0px;
    height: 765px;
    margin-top: 0;
}

/* Menu Image Container */
.menu-image-container {
    position: relative;
    width: auto;
    height: 225px;
    margin: 25px;

}


/* Button Image */
.button-image {

    left: -5%px;

}

}





/* Phone: Landscape */ @media (max-width: 932px) and (orientation: landscape) {


    
    .loader img {
        margin-top: 100px;
        width: 25%;
    }
    
    
    
    
    h1 {
    
        font-size: 50pt;
    
    }
    
    h2 {
    
        font-size: 25pt;
        padding-top: 25px;
    }
    
    h3 {
    
        font-size: 20pt;
    }
    
    p {
        font-size: 13pt;
        padding-top: 10px;
    }
    
    
    
    
    
    
    
    
    
    /* Menu Containers */
    .menu-container-top, .menu-container-bottom {
        display: block;
        width: 100%;
       
    }
    
    .menu-container-top {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 705px;
    }
    
    .menu-container-bottom {
        padding-top: 0px;
        height: 710px;
        margin-top: 0;
    }
    
    /* Menu Image Container */
    .menu-image-container {
        position: relative;
        width: 98%;
        height: 225px;
        margin: 10px;
        padding: 0;
    
    }
    
    
    
    
    }