@media only screen and (min-width: 1100px) {
    #gd-banner {
        height: 400px;
    }
    #gd-photo-sec {
        background-attachment: fixed;
        height: 500px;
    }

    #reservations-page h2 {
        text-align: left;
    }
    #reservations-page .ot-widget-wrapper {
        display: inline-block;
        vertical-align: top;
        margin-left: 50px;
    }
    #reservations-page .section-wrapper {
        width: 870px;
        margin: 0 auto;
    }
    .text-wrapper {
        display: inline-block;
        margin-right: 50px;
    }
    .section-wrapper {
        margin: 0 auto;
        max-width: 1060px;
    }
    .photo-section {
        background-attachment: fixed;
        height: 80vh;
    }
    a.button-link, button.button-link, .hours-reservations, .close-hours, #message-button, button.button-action, .fancy-hover {
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    div.right {
        display: inline-block;
        vertical-align: top;
    }
    .close-hours:hover {
        background-color: #b20000;
    }

    #message-button:hover {
        background-color: #b20000;
        color: #fff;
    }
    #about .section-wrapper {
        max-width: 920px;
    }
    #about .text-wrapper {
        margin-right: 100px;
        margin-top: 30px;
    }

    div.welcome-photo {
        margin-top: 130px;
    }

    #reservations .text-wrapper, .preview .text-wrapper, #groupDining .text-wrapper {
        margin: 0 auto;
        display: block;
    }

    #reservations .section-wrapper {
        padding: 100px 0;
    }

    #newsletter {
        display: block;
        background-image: url(../img/stpasqual2.jpeg);
        color: #ffffff;
        text-shadow: 1px 1px 1px #000;
    }
    #newsletter a:focus {
        outline: 1px solid #fff;
    }

    #newsletter .social-wrapper {
        height: 80px;
        margin-top: 40px;
        margin-left: 26px;
    }
    #newsletter .social-wrapper span {
        font-size: 2em;
        padding-bottom: 10px;
    }
    #newsletter .social-icon {
        height: 70px;
        width: 70px;
        background-position: top;
        background-size: cover;
        display: inline-block;
    }
    #newsletter .social-icon:hover {
        background-position: bottom;
    }
    #newsletter .instagram {
        margin: 0 5px;
    }
    /* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
    Adapted from: http://blog.heyimcat.com/universal-signup-form/ */
    #mc_embed_signup{clear:left; width:600px; padding: 100px 0 0 26px;}
    #mc_embed_signup form {padding:10px 0 10px 0;}
    .mc-field-group { display: inline-block; } /* positions input field horizontally */
    #mc_embed_signup input.email {font-size:20px; height:32px; background: rgba(0, 0, 38, 0.0); border: 2px solid #B4975D; padding: 2px 0.4em; display: inline-block; margin: 0 10px 0 0; width:350px; vertical-align:top;}
    #mc_embed_signup input.email:focus {
        background: rgba(0, 0, 38, 1);
        border-color: #fff;
    }
    #mc_embed_signup label {display:block; font-size:2em; padding-bottom:10px; font-style:italic;}
    #mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
    #mc_embed_signup .button {font-size:20px; background: none; letter-spacing: .03em; color: #fff; box-sizing:border-box; height:40px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
    #mc_embed_signup .button:hover { cursor:pointer; background-color: #b20000;}
    #mc_embed_signup .button:focus {background-color: #b20000; border-color: #fff;}


    #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
    #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
    #mc_embed_signup #mce-error-response {display:none;}
    #mc_embed_signup #mce-success-response {color:#529214; display:none;}
    #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
    #mc-embedded-subscribe {margin-top: 0;}
   

    #menus {
        background-image: url(../img/eggplant-parm-2023.jpg);
        /*min-height: 100vh;*/
        padding-bottom: 500px;
    }
    #menu-page #menu-tab-wrapper {
        background-image: url(../img/eggplant-parm-2023.jpg);
        background-repeat: no-repeat;
        background-position: center -250px ;
        background-size: cover;
        background-attachment: fixed;
        height: 200px;
    }
    /*#menu-page .tabs li a {
        background: rgba(0,0,38,0.9);
    }*/
    #menus-photo {
        display: none;
    }
    ul.center-menu-section {
        width: 380px;
        /*margin: 40px 50px 0 50px;*/
    }
    ul.menus li {
        font-size: 1.2em;
    }
    ul.menus li span.italic {
        font-size: 0.82em;
        line-height: 0.8em;
    }
    ul.menus li span.smaller {
        font-size: 0.8em;
        line-height: 0.8em;
    }
    /*#visit h3 {
        font-size: 2.2em;
    }*/
    #holiday-menu h3 {
    font-size: 2.5em;
    }
    #visit #google-map h4 {
        font-style: normal;
    }
    #visit #hours-wrapper {
        border-top: 1px dotted #B4975D;
        margin-top: 20px;
        padding-top: 20px;
    }
    #visit .hours {
        display: inline-block;
        /*border-top: 1px solid #B4975D;*/
        padding-top: 20px;
        margin-top: 29px;
        text-align: left;
    }
    #visit div.holiday-hours {
        display: block;
        margin: 32px 0 0 0;
        text-align: left;
        max-width: 100%;
        width: 100%;
    }
    #visit div.holiday-hours .hours-column {
        vertical-align: top;
        width: 175px;
        /*margin-right: 85px;*/
    }
    #visit div.holiday-hours div#extra-long-col {
        width: 310px;
    }
    #visit div.holiday-hours .right-hours-column {
        margin-right: 0;
    }
    #visit div.holiday-hours a.button-link {
        margin: 10px 0;
    }
    #visit .hours-column {
        display: inline-block;
        text-align: left;
        margin-right: 22px;
        vertical-align: text-top;
    }
    
    /*#visit .hours-column span.italic {
        letter-spacing: inherit;

    }*/
    #visit .holiday-hours-button {
        display: inline-block;
        width: 250px;
        /*border-color: #B4975D;
        color: #B4975D;*/
    }
    
    #visit #hours-services {
        border-top: none;
/*        border-left: 1px dotted #B4975D;*/
        padding-left: 24px;
        display: inline-block;
        margin-top: -39px;
    }
    #visit #second-hours-row {
        margin-left: 139px;
    }
    #visit-photo {
        background-size: cover;
        height: 680px;
    }
    /*#visit-photo .holiday-hours {
        background: rgba(255,255,255,0.9);
        padding: 20px 0 10px 0;
    }*/
    #holiday-hours-modal {
        width: 400px;
        background-color: #ffffff;
        padding-top: 10px;
    }

    #holiday-hours-modal h4 {
        margin-top: 10px;
    }

    #holiday-hours-modal a.button-link:hover {
        border-color: #b20000;
    }
    #google-map-container {
        display: inline-block;
        vertical-align: top;
        width: 400px;
        height: 450px;
    }
    #google-map {
        width: 500px;
        display: inline-block;
        vertical-align: top;
        margin-top: 88px;
    }
    #google-map h4 {
        font-weight: bold;
    }
    #google-map h4, .gm-style .gm-style-iw {
        font-family: "adobe-garamond-pro", "EB Garamond",  Garamond, Baskerville, serif;
    }
    .gmap-list {
        display: block;
        width: 500px;
        height: 350px;
        border: 1px solid #000026;

    }

    /*#gc-page .text-wrapper {
        display: block;
        margin: 0 auto;
    }*/
    #gift-cards div.right {
        width: 450px;
    }
    #gift-cards div.right-gc {
        margin-left: 100px;
    }
    #gift-cards #online-gc-wrapper {
        display: inline-block;
        padding-top: 50px;
    }
    /*#giftCards .text-wrapper {
        width: 500px;
        margin-right: 50px;
    }
    #giftCards a.button-link {
        display: inline-block;
    }
    #giftCards a[href="pdf/little-owl-gift-card-form.pdf"]{
        display: block;
    }*/
    #gc-slideshow {
        width: 450px;
        height: 275px;
        display: inline-block;
        margin: 18px 0 0 100px;
    }
    /*#gc-page .text-wrapper {
        display: block;
        margin: 0 auto;
    }*/
    #gift-cards div.right {
        width: 400px;
    }
    #gift-cards #online-gc-wrapper {
        display: inline-block;
    }
    /*div#gc-phone {
        margin-top: 30px;
    }*/ 
    #gc-form {
        width: 70%;
        height: 600px;
        background-color: #ffffff;
    }
    #gc-form iframe {
        width: 90%;
        height: 550px;
        margin-top: 24px;
    }

   /* #events {
        height: 100vh;
        background-image: url(../img/events-dark.jpg);
        background-attachment: fixed;
    }*/
    #events h2 {
        background-attachment: fixed;
    }
    #events h3 {
        margin-bottom: 0.5em;
    }
    #events .text-wrapper {
        margin-right: auto;
        max-width: 800px;
    }
    #events .text-wrapper p {
        font-size: 1.4em;
    }
    #events a.button-link, #events button.button-link {
        font-size: 1.2em;
    }
    #event-services .halfCol {
        display: inline-block;
        width: 47%;
        vertical-align: top;
    }
    #event-services .halfCol.rightCol {
        margin-left: 5%;
    }

    #contact {
        background-attachment: fixed;
    }
    #contact .text-wrapper {
        margin: 0 0 0 50px;
        display: block;
    }
    #contact .social-wrapper {
        margin-left: 50px;
    }
    /*!
     * Hover.css (http://ianlunn.github.io/Hover/)
     * Version: 2.0.2
     * Author: Ian Lunn @IanLunn
     * Author URL: http://ianlunn.co.uk/
     * Github: https://github.com/IanLunn/Hover

     * Made available under a MIT License:
     * http://www.opensource.org/licenses/mit-license.php

     * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
     */
    /* Underline From Center */
    .hvr-underline-from-center {
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      /*-moz-osx-font-smoothing: grayscale;*/
      position: relative;
      overflow: hidden;
    }
    .hvr-underline-from-center:before {
      content: "";
      position: absolute;
      z-index: -1;
      left: 50%;
      right: 50%;
      bottom: 0;
      background: #b20000;
      height: 1px;
      -webkit-transition-property: left, right;
      transition-property: left, right;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }
    .hvr-underline-from-center:hover:before {
      left: 0;
      right: 0;
    }
    .hvr-underline-from-center:active:before {
      left: 0;
      right: 0;
    }

    /* Overline From Center */
    .hvr-overline-from-center {
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px transparent;
      position: relative;
      overflow: hidden;
    }
    .hvr-overline-from-center:before {
      content: "";
      position: absolute;
      z-index: -1;
      left: 50%;
      right: 50%;
      top: 0;
      background: #b20000;
      height: 1px;
      -webkit-transition-property: left, right;
      transition-property: left, right;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }
    .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
      left: 0;
      right: 0;
    }

    #family-footer {
        width: 842px;
    }
    #family-footer a {
        display: inline-block;
        vertical-align: top;
    }
    #family-footer a#venue-logo {
        margin-top: 24px;
    }
    #family-footer a#clam-logo {
        margin-top: 10px;
    }
    #family-footer a#mt-logo {
        margin-left: 50px;
        margin-right: 50px;
        margin-top: 0;
    }
    #family-footer a#tml-logo {
        margin-left: 50px;
        margin-top: 12px;
    }

}

@media only screen and (min-width: 1200px) {
    #time-wrapper a.button-link {
        font-size: 1.1em;
    } 
    #home .hours-reservations {
        font-size: 1.1em;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    /*visit-photo, */#menus-photo, #reservations-photo {
        height: 500px;
    }
    #visit .section-wrapper {
        max-width: 1124px;
    }
    #visit div.holiday-hours .hours-column {
        /*margin-right: 55px;*/
    }
    #menus #lunch/*, #menus #holiday-menu */{
        text-align: left;
        padding-left: 0;
        width: 1200px;
        margin: 0 auto;
    }
   
}


@media only screen and (min-width: 1400px) {
    h5 {
        font-size: 1.3em;
    }
    #about .section-wrapper {
        max-width: 1050px;
    }
    div.welcome-photo {
        width: 400px;
        height: 600px;
        margin-top: 100px;
    }
    
    #events .text-wrapper {
        max-width: 700px;
    }


}