@media screen and (max-width: 768px) {

    #TopBanner h1 {
        padding: 25px 0;
        font-size: 1.5em;
    }


    .navbar {
        background-color: #FFF;
        min-height: 60px !important;
    }

    .navbar-brand {
        padding-top: 5px;
        height: 60px;
    }

    #MainMenu {
        border-bottom: 1px solid #C32032;
    }

        #MainMenu.nav > li > a {
            color: #C32032;
            border-top: 1px solid #C32032;
        }

            #MainMenu.nav > li > a:focus,
            #MainMenu.nav > li > a:hover {
                background-color: none;
            }

            #MainMenu.nav > li > a:focus,
            #MainMenu.nav > li > a:hover,
            #MainMenu.nav > li > a.active {
                border-top: 1px solid #C32032;
            }

        #MainMenu.nav > li#ReservationButton > a, 
        #MainMenu.nav > li#OrderButton > a 
         {
            margin: 0;
        }

    .navbar-brand img {
        height: 50px;
    }

    .nav > li > a {
        padding: 10px;
    }

    #featurePromotion {
        padding: 15px 0;
    }

        #featurePromotion h2 {
            font-size: 1.5em;
        }

        #featurePromotion h4 {
            font-size: 1em;
        }

    .parallax {
        background-attachment: initial;
    }

        .parallax.sm {
            padding-bottom: 50%;
        }

        .parallax.lg {
            padding-bottom: 75%;
        }


    .google-maps {
        padding-bottom: 50%;
    }

    .body-content table tr td {
        padding-right: 0px;
        display: block;
        width: 100%;
    }

    footer .row {
        margin-right: 0;
        margin-left: 0;
    }
}