@media screen and (max-width: 1477px) and (max-height: 660px) {

    .page-banner-content,
    .page-banner-hours {
        padding-top: 100px;
    }

    .page-banner-content > .banner-title {
        font-size: 106px; line-height: 70px;
    }

    .page-banner-content > .banner-subtext-01 {
        font-size: 16px; line-height: 14px;
    }

    .page-banner-content > .banner-subtext-02 {
        font-size: 22px; line-height: 18px;
    }

    .page-banner-content > .banner-subtext-03 {
        font-size: 20px; line-height: 16px;
    }

    div.row.intro {
        height: 40%;
        margin: 0;
    }

    div.row.intro div.text {
        padding: 15px;
    }
    div.row.intro div.text div.text-title-01 {
        font-size: 48px; line-height: 44px;
    }

    div.row.hours {
        height: 60%;
    }

    div.row.hours div.text {
        padding: 15px;
    }
    div.row.hours div.text div.text-title {
        font-size: 80px; line-height: 76px;
    }

    div.row.gallery {
        display: none;
    }

    nav#main-navigation li > a {
    border-radius: 0;
    position: relative;
    display: block;
    text-align: left;
    color: #58585a;
    font-size: 14px;
    line-height: 16px;
    padding: 15px 0;
    border-bottom: solid 1px #b7b7b7;
    font-weight: 300;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    }

}


@media screen and (max-width: 1199px) and (max-height: 660px) {

    .page-banner-content,
    .page-banner-hours {
        padding-top: 100px;
    }

    .page-banner-content > .banner-title {
        font-size: 106px; line-height: 70px;
    }

    .page-banner-content > .banner-subtext-01 {
        font-size: 16px; line-height: 14px;
    }

    .page-banner-content > .banner-subtext-02 {
        font-size: 22px; line-height: 18px;
    }

    .page-banner-content > .banner-subtext-03 {
        font-size: 20px; line-height: 16px;
    }

    div.row.intro {
        height: 40%;
        margin: 0;
    }

    div.row.intro div.text {
        padding: 15px;
    }
    div.row.intro div.text div.text-title-01 {
        font-size: 48px; line-height: 44px;
    }

    div.row.hours {
        height: 60%;
    }

    div.row.hours div.text {
        padding: 15px;
    }
    div.row.hours div.text div.text-title {
        font-size: 80px; line-height: 76px;
    }

    div.row.gallery {
        display: none;
    }

    nav#main-navigation li > a {
    border-radius: 0;
    position: relative;
    display: block;
    text-align: left;
    color: #58585a;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 0;
    border-bottom: solid 1px #b7b7b7;
    font-weight: 300;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    }

}

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

    html {
        min-height: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    body {
        min-height: 100%;
        height: auto;
    }

    div#website-container,
    div#website-container > div.row,
    aside#navigation,
    section#content,
    div#content-container,
    div#content-container > div#content-container-inner {
        height: auto;
        overflow-y: visible;
    }

    a#website-logo {
        display: none;
    }

    div#navigation-container {
        padding: 0;
    }

    section#page-banner {
        height: auto;
    }

    .page-banner-content,
    .page-banner-hours {
        padding-top: 50px;
    }

    div.row.intro > div.image {
        min-height: 200px;
    }

    div.row.hours {
        display: block;
        background-color: #e9e9e9;
    }

    div.row.hours > div.image {
        background-color: #acc335;
        min-height: 300px;
    }

    div.row.gallery {
        display: block;
    }

    div.row.gallery > div.image {
        min-height: 300px;
    }

}

@media screen and (min-width: 992px) and (max-height: 767px) {

    h1 { font-size: 70px; line-height: 60px; }
    h2 { font-size: 16px; line-height: 16px; }

    div.row.intro {
        height: 50%;
        margin: 0;
    }

    div.row.intro div.text {
        padding: 15px;
    }
    div.row.intro div.text div.text-title-01 {
        font-size: 48px; line-height: 44px;
    }

    div.row.hours {
        height: 50%;
    }

    div.row.hours div.text {
        padding: 15px;
    }
    div.row.hours div.text div.text-title {
        font-size: 80px; line-height: 76px;
    }

    div.row.gallery {
        display: none;
    }

}

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

    h1 { font-size: 70px; line-height: 60px; }
    h2 { font-size: 16px; line-height: 16px; }
   
    .page-banner-content,
    .page-banner-hours {
        padding: 15px;
    }

    .page-banner-content > .banner-title {
        font-size: 106px; line-height: 70px;
    }

    .page-banner-content > .banner-subtext-01 {
        font-size: 16px; line-height: 14px;
    }

    .page-banner-content > .banner-subtext-02 {
        font-size: 22px; line-height: 18px;
    }

    .page-banner-content > .banner-subtext-03 {
        font-size: 20px; line-height: 16px;
    }

    div.row.intro div.text {
        padding: 15px;
    }
    div.row.intro div.text div.text-title-01 {
        font-size: 48px; line-height: 44px;
    }

    div.row.hours div.text {
        padding: 15px;
    }
    div.row.hours div.text div.text-title {
        font-size: 80px; line-height: 76px;
    }

    div.row.gallery div.text {
        padding: 15px;
    }
    div.row.gallery div.text div.text-title {
        font-size: 40px; line-height: 34px;
    }


}

@media screen and (max-width: 520px) {
.float-right-event {float:none; }
 
}
@media screen and (max-width: 400px) {
h1 {
    font-size: 30px;
}
}