a {
    color: #318253;
    font-weight: 700;
}

a:hover {
    color: #15512f;
    font-weight: 700;
    text-decoration: none;
}

p {
    font-size: 14pt;
}


#top-ipad {
    width: 0%;
}

.sec {
    margin-bottom: 1em;
    font-weight: 900;
    font-size: 32pt;
    font-family: 'Playfair Display', serif;

}

.thing-sec{
    background-color: #225b3a;
    padding-top: 4em;
    padding-bottom: 4em;
    color:#FFFFFF;

}

.thing-sec h2{
    margin-bottom: 0.25em;
    font-weight: 700;
    font-size: 32pt;
    text-align: center;
    font-family: 'Playfair Display', serif;
}

.thing-sec p{
    font-style: italic;
}



.divide {
    border: 0;
    height: 4px;
    margin:18px 0;
    position:relative;
    background: -moz-linear-gradient(left, rgba(49,130,82,0) 0%, rgba(49,130,82,0) 10%, rgba(49,130,82,0.65) 50%, rgba(49,130,82,0) 90%, rgba(49,130,82,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(49,130,82,0)), color-stop(10%,rgba(49,130,82,0)), color-stop(50%,rgba(49,130,82,0.65)), color-stop(90%,rgba(49,130,82,0)), color-stop(100%,rgba(49,130,82,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(49,130,82,0) 0%,rgba(49,130,82,0) 10%,rgba(49,130,82,0.65) 50%,rgba(49,130,82,0) 90%,rgba(49,130,82,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(49,130,82,0) 0%,rgba(49,130,82,0) 10%,rgba(49,130,82,0.65) 50%,rgba(49,130,82,0) 90%,rgba(49,130,82,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(49,130,82,0) 0%,rgba(49,130,82,0) 10%,rgba(49,130,82,0.65) 50%,rgba(49,130,82,0) 90%,rgba(49,130,82,0) 100%); /* IE10+ */
    background: linear-gradient(left, rgba(49,130,82,0) 0%,rgba(49,130,82,0) 10%,rgba(49,130,82,0.65) 50%,rgba(49,130,82,0) 90%,rgba(49,130,82,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}



#top {
    width: 200px;
    padding-bottom: 0;
    margin-bottom: 0;
}

#mobile-space {
    width: 100%;
    height: 12px;
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
    background-color: #FFFFFF;
}

#top-mobile {
    width: 400px;
    padding-bottom: 0;
    margin-bottom: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.timeline_container {
    width: 100%;
    position: relative;
    margin-top: 0%;    
}

.timeline_rightbox {
    padding: 8px; 0em 0em 0em;
    height: 100%;
}

.timeline_rb-container {
    width: 50%;
    padding-left: 10%;
    display: block;
    position: relative;
}

.timeline_rb-container ul.rb {
    /*margin: 2.5em 0;*/
    padding: 0;
    display: inline-block;
}

.timeline_rb-container ul.rb li {
    list-style: none;
    margin: auto;
    min-height: 50px;
    border-left: 2px dotted #000000; /* Dashed Line Color */
    padding: 0 0 50px 30px;
    position: relative;
}

.timeline_rb-container ul.rb li:last-child {
    border-left: 0;
}

.timeline_rb-container ul.rb li::before {
    position: absolute;
    left: -18px;
    top: -5px;
    content: " ";
    border: 8px solid rgba(0, 0, 0, 1); /* Outer Circle Color */
    border-radius: 500%;
    background: #50d890; /* Inner Circle Color */
    height: 35px;
    width: 35px;
    transition: all 500ms ease-in-out;
}

.timeline_rb-container ul.rb li:hover::before {
    border-color: #000000; /* Outer Circle Color on Hover*/
    transition: all 1000ms ease-in-out;
}

ul.rb li .timestamp {
    color: #318253; /* Timestamp Color */
    position: relative;
    width: 100%;
    font-size: 12px;
}


.timeline_item-title {
    color: #222222; /* Text Color */
}

.timeline_add_info {
    font-size: 8pt;
    font-style: italic;
    margin-top: 5px;
}


#OurStory p {
    margin-bottom: 25px;
    
}




.example-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}


#HeadSpace {
    width: 100%;
    height:236px;
}

#HeadSpace-Mobile {
    width: 100%;
    height:45px;
    border: 0;
}

#Header {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    position: fixed;
    z-index: 999;
    height: 200px;
    /*background-color: #ABBE9E;*/
    background-color: #FFFFFF;
    color:white;
}

#Header-Mobile {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    position: fixed;
    z-index: 999;
    /*background-color: #ABBE9E;*/
    background-color: #FFFFFF;
    color:white;
    border: 0;
}

#NavBar {
    width:100%;
    background-color: #318253;
}

#NavBar a {
    color: white;
    font-size: 18pt;
    padding-left: 3%;
    padding-right: 3%;
    font-family: 'Playfair Display', serif;
}


@media screen and (max-width: 1445px) and (min-width: 1274px) {

    
    #NavBar a {
    font-size:16pt;
    }
    
}

@media screen and (max-width: 1273px) and (min-width: 1156px) {

    
    #NavBar a {
    font-size:14pt;
    }
    
}

@media screen and (max-width: 1155px) and (min-width: 973px) {

    
    #NavBar a {
    font-size:18pt;
    }
}

@media screen and (max-width: 972px) and (min-width: 858px) {

    
    #NavBar a {
    font-size:16pt;
    }
    
}

@media screen and (max-width: 857px) and (min-width: 783px) {

    
    #NavBar a {
    font-size:14pt;
    }
    
}

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

    
    #NavBar a {
    font-size:18pt;
    }
    
}






#NavBar a:hover {
    color: #ABBE9E;
    text-decoration: none;
}


#Banner {
    float: center;
}


.header-photo {
    float: left;
    width:33.33%;
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
}

.header-photo img {
    width: 100%;
    border: 10px solid;
    border-color: #FFFFFF;
    
}

.header-photo-mobile {
    float: left;
    width:33.33%;
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
}

.header-photo-mobile img {
    width: 100%;
    border: 10px solid;
    border-color: #FFFFFF;
    
}



.headerbox {
    padding-left: 5px;
    padding-right: 5px;
    
}

.headerbox::after {
    content: "";
    clear: both;
    display: table;
}


@media screen and (max-width: 900px) {
    
        .header-photo {
            float:none;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    
}

@media screen and (max-width: 1200px) {
    
        .header-photo-mobile {
            float:none;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    
}

.hdr-text {
    padding-top: 2em;
    padding-bottom: 3em;
    text-align: center;
}

.hdr-text h3 {
    font-weight: 700;
    font-size: 69px;
    color: #15512f;
    padding-bottom: 0.34em;
    font-family: 'Playfair Display', serif; 
}

.hdr-text p {
    font-weight: 500;
    font-size: 20px;
    padding-left: 20%;
    padding-right: 20%;
    line-height: 1.33;
}


@media screen and (max-width: 1405px) and (min-width: 1081px) {

    
    .hdr-text h3 {
        font-size: 50px;
    }
    
}

@media screen and (max-width: 1080px) and (min-width: 679px) {

    
    .hdr-text h3 {
        font-size: 40px;
    }
    
    .hdr-text p {
        padding-left: 5%;
        padding-right: 5%;
    }
}

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

    
        .hdr-text h3 {
        font-size: 35px;
    }
    
    .hdr-text p {
        padding-left: 5%;
        padding-right: 5%;
    }
}


.story {
    width: 100%;
    padding-left: 10%;
}






#pic_space {
    width: 100%;
    height: 604px;
    background-color: #ABBE9E;
}

.BannerPhoto {
    width: 100%;
    margin: 0;
    padding-right: 3em;
    padding-top: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.BannerPhoto img {
    width: 100%;

}

.ceremony {
    padding-left: 10%;
   
}

.hops {
    width: 100%;
}

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

    .hops {
        width: 50%;
        margin-bottom: 50px;
    }
    
}

.cherry {
    float: right;
    width: 15%;
}

@media screen and (max-width: 1200px) and (min-width: 885px) {

    .cherry {
        width: 25%;
    }
    
}

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

    .cherry {
        width: 34%;
    }
    
}

#CalloutBox {
    padding-top: 4em;
    padding-left: 3em;
    padding-right: 3em;
    padding-bottom: 3em;

    background-color: #ABBE9E;
    color: white;
    text-align: left;
}

#CalloutBox h3 {
    padding: 0;
    margin: 0;
    
}

#CalloutBox p {
    padding-top:2em;
    letter-spacing: -0.1px;
}

.lightgreen {
    background-color: #ABBE9E;
}

.content-V {
    margin-top: 4em;
    margin-bottom: 4em;
}

.content-H {
    padding-left: 6em;
    padding-right: 6em;
}


.no-padding {
    padding-left: -15px;
    padding-right: -15px;
    margin-left: -15px;
    margin-right: -15px;
}

.center {
    text-align: center;
    align-content: center;
}

.flags {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: green;
}

.flag-L {

}

.flags img{
    width: 150px;
}

.travel_info {
    padding-left: 2%;
    padding-right: 2%;
}

.travel_info h6{
    font-size: 14pt;
    font-weight:700;
    margin-top: 2em;
    margin-bottom: 0.5em;
}

.travel_info_head img{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    padding-bottom: 8%;
}

.travel_info_head{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

.subhotel {
    align-content: center;
    text-align: center;
}

.distance {
    font-style: italic;
    font-size: 11pt;
}

#map {
    width: 500px;
    height: 500px;
    margin-bottom: 4em;
}

.hotel h3 {
    font-size: 25pt;
    font-weight:700;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.hotel p {
    margin-bottom: 2em;
}

.hotel h4 {
    font-size: 18pt;
    font-weight:700;
    text-align: center;
    margin-bottom: 2em;
}

.host-hotels {
    float:left;
    width: 100%;
    padding-left:1%;
    padding-right: 1%;
    margin-top: 2em;
    margin-bottom: 1em;
}

.ad_hotel h4{
    margin-bottom: 0.5em;
    font-weight: 500;
}

.ad_hotel p{
    margin-bottom: 3em;
}


.to-do {
    overflow: hidden;
    background-color: #225b3a;
}

.to-do a{
    font-weight: 500;
}

.to-do img {
    width: 100%;
    height: auto;
}


.to-do h1 {
    position: absolute;
    color: white;
    font-size: 18pt;
    top: 88%;
    z-index: 997;
    background-color: #225b3a;
    width: 100%;
    height: 12%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom:4%;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
}

.to-do p {
    position: absolute;
    color: white;
    font-size: 10pt;
    top: 100%;
    z-index: 998;
    width: 100%;
    height: 12%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 0%;
    padding-bottom:2%;
}

.to-do:hover img {
    transform: scale(1.1);
    filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray;
	-webkit-transition: ease-out .5s;
	-moz-transition: ease-out .5s;
	-o-transition: ease-out .5s;
}

.to-do:hover h1 {
	-webkit-transition: ease-out .5s;
	-moz-transition: ease-out .5s;
	-o-transition: ease-out .5s;
    top:50%;
    height:50%;
}

.to-do:hover p {
	-webkit-transition: ease-out .5s;
	-moz-transition: ease-out .5s;
	-o-transition: ease-out .5s;
    top:62%;
    height: 38%;
}


/* Media Rules */

@media screen and (max-width: 2132px) and (min-width: 2051px) {
    .to-do h1 {
        font-size: 17pt;
        padding-bottom:3%;
    }
    
    to-do p {
        font-size: 10pt;
    }
}

@media screen and (max-width: 2050px) and (min-width: 2001px) {
    .to-do h1 {
        font-size: 16pt;
        padding-bottom:2.5%;
    }
    
    to-do p {
        font-size: 10pt;
    }
}

@media screen and (max-width: 2000px) and (min-width: 1875px) {
    .to-do h1 {
        font-size: 15pt;
        padding-bottom:2%;
    }
    
    to-do p {
        font-size: 10pt;
    }
}

@media screen and (max-width: 1874px) and (min-width: 1725px) {
    .to-do h1 {
        font-size: 14pt;
        padding-bottom:1%;
    }
    
    to-do p {
        font-size: 9pt;
    }
}

@media screen and (max-width: 1724px) and (min-width: 1525px) {
    .to-do h1 {
        font-size: 13pt;
        padding-bottom:1%;
    }
    
    .to-do p {
        font-size: 8pt;
    }
}

@media screen and (max-width: 1524px) and (min-width: 1325px) {
    .to-do h1 {
        font-size: 11pt;
        padding-bottom:0.5%;
    }
    
    .to-do p {
        font-size: 7pt;
    }
}

@media screen and (max-width: 1324px) and (min-width: 1265px) {
    .to-do h1 {
        font-size: 10pt;
        padding-bottom:0.5%;
    }
    
    .to-do p {
        font-size: 7pt;
    }
}

@media screen and (max-width: 1264px) and (min-width: 1200px) {
    .to-do h1 {
        font-size: 9.5pt;
        padding-bottom:0.25%;
    }
    
    .to-do p {
        font-size: 7pt;
    }
    
    .to-do:hover h1 {
        top:35%;
        height:65%;
    }
    
    .to-do:hover p {
        top:50%;
        height: 50%;
    }

}

@media screen and (max-width: 1199px) and (min-width: 1140px) {

    
    #pic_space {
    width: 100%;
    height: 749px;
    }
    
    .to-do h1 {
        font-size: 13pt;
        padding-bottom:1%;
    }
    
    .to-do p {
        font-size: 8pt;
    }
    
}

@media screen and (max-width: 1139px) and (min-width: 992px) {
    
    #pic_space {
    width: 100%;
    height: 749px;
    }
    
    .to-do h1 {
        font-size: 11pt;
        padding-bottom:0.5%;
    }
    
    .to-do p {
        font-size: 7pt;
    }
    
    #map {
        width: 450px;
    }
}

@media screen and (max-width: 991px) and (min-width: 898px) {
    #pic_space {
    width: 100%;
    height: 604px;
    }
    
    .to-do h1 {
        font-size: 15pt;
        padding-bottom:2%;
    }
    
    .to-do p {
        font-size: 9pt;
    }
    
    #map {
        width: 380px;
    }
}

@media screen and (max-width: 897px) and (min-width: 768px) {
    .to-do h1 {
        font-size: 13pt;
        padding-bottom:1%;
    }
    
    .to-do p {
        font-size: 7.8pt;
    }
    
    #map {
        width: 340px;
    }
}

@media screen and (max-width: 767px) and (min-width: 699px) {
    #map {
        width: 300px;
    }
}

@media screen and (max-width: 698px) and (min-width: 576px) {
    #map {
        width: 250px;
    }
}

@media screen and (max-width: 575px) {
    #map {
        width: 500px;
        align-content: center;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .to-do h1 {
        font-size: 18pt;
        padding-bottom:4%;
    }
    
    .to-do p {
        font-size: 10pt;
    }
}


.to-do-splash {
    background-image: url(../images/krog%20street%20tunnel.jpg);
    height: 750px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#mobile-to-do {
    height:800px;
    object-fit: cover;
    object-position: 0 45%;
}

.to-do-splash p {
    font-style: italic;
    color: floralwhite;
    font-size: 10pt;
    position: relative;
    text-align: right;
    padding-right: 20px;
    top: 720px;
    padding-bottom: 6px;
    padding-top: 5px;
    background-color: rgba(0,0,0,0.5);
}

.travel-splash {
    background-image: url(../images/air-corn2.jpg);
    height: 750px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#mobile-travel {
    height:800px;
    object-fit: cover;
}

.travel-splash p {
    font-style: italic;
    color: floralwhite;
    font-size: 10pt;
    position: relative;
    text-align: right;
    padding-right: 20px;
    top: 720px;
    padding-bottom: 6px;
    padding-top: 5px;
    background-color: rgba(0,0,0,0.5);
}

.bat-splash {
    background-image: url(../images/bat.jpg);
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#mobile-bat {
    height:600px;
    object-fit: cover;
    object-position: 0 45%;
}

.bat-splash p {
    font-style: italic;
    color: floralwhite;
    font-size: 10pt;
    position: relative;
    text-align: right;
    top: 470px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-top: 5px;
    background-color: rgba(0,0,0,0.5);
}

.brewery-splash {
    background-image: url(../images/brewery-interior.jpeg);
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.brewery-splash p {
    font-style: italic;
    color: floralwhite;
    font-size: 10pt;
    position: relative;
    text-align: right;
    top: 470px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-top: 5px;
    background-color: rgba(0,0,0,0.5);
}



.bg {
    width: 100%;
}

.caption {
    font-style: italic;
    color: floralwhite;
    font-size: 10pt;
    position: relative;
    text-align: right;
    padding-right: 20px;
    top: -30px;
    padding-bottom: 6px;
    margin-bottom: -30px;
    padding-top: 5px;
    background-color: rgba(0,0,0,0.5);
}

.food-splash {
    background-image: url(../images/bigchicken.jpg);
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#mobile-chicken {
    height:600px;
    object-fit: cover;
    object-position: 0 30%;
}

.food-splash p {
    font-style: italic;
    color: floralwhite;
    font-size: 10pt;
    position: relative;
    text-align: right;
    padding-right: 20px;
    top: 470px;
    padding-bottom: 6px;
    padding-top: 5px;
    background-color: rgba(0,0,0,0.5);
}

.aqua-splash {
    background-image: url(../images/aqua2.jpg);
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#mobile-aqua {
    height:600px;
    object-fit: cover;
    object-position: 0 45%;
}

.aqua-splash p {
    font-style: italic;
    color: floralwhite;
    font-size: 10pt;
    position: relative;
    text-align: right;
    padding-right: 20px;
    top: 470px;
    padding-bottom: 6px;
    padding-top: 5px;
    background-color: rgba(0,0,0,0.5);
}





.food {
    padding-left: 10%;
    padding-right: 10%;
}

.food img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 15%;
    padding-bottom: 15px;
}

.food h4 {
    text-align: center;
}

.food h5 {
    text-align: center;
}

.food p {
    text-align: center;
    padding-bottom: 1%;
}


.food_list {
    padding-top: 0.5%;
    padding-bottom: 3%;
}

.food_list ul {
    list-style-type: square;
    list-style-position: inside;
    padding-top:0;
    padding-bottom:0%;
    margin-top:0;
    margin-bottom:0;
}

.List-A {
    
}

.List-B {
    
}

.close_eats2 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.close_eats2_space {
    width:25%;
    height: 1px;
    background-color: #FFFFFF;
    float: left;
}

.close_eats2L {
    width: 25%;
    float: left;
    padding-left: 5%;

}

.close_eats2R {
    width: 25%;
    float: left;
    padding-left: 5%;

}

.close_eats2L ul{
    padding-left: 0px;
    margin-left: 18px;
}

.close_eats2R ul{
    padding-left: 0px;
    margin-left: 18px;
}


.close_eats2::after {
    content: "";
    clear: both;
    display: table;
}

.drive_eats2 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.drive_eats2_space {
    width:10%;
    height: 1px;
    background-color: #FFFFFF;
    float: left;
}

.drive_eats2_midspace {
    width:0%;
    height: 1px;
    background-color: #FFFFFF;
    float: left;
}

.drive_eats2L1 {
    width: 20%;
    float: left;
    padding-left: 5%;

}

.drive_eats2R1 {
    width: 20%;
    float: left;
    padding-left: 5%;

}

.drive_eats2L1 ul{
    padding-left: 0px;
    margin-left: 18px;
}

.drive_eats2R1 ul{
    padding-left: 0px;
    margin-left: 18px;
}

.drive_eats2L2 {
    width: 20%;
    float: left;
    padding-left: 5%;

}

.drive_eats2R2 {
    width: 20%;
    float: left;
    padding-left: 5%;

}

.drive_eats2L2 ul{
    padding-left: 0px;
    margin-left: 18px;
}

.drive_eats2R2 ul{
    padding-left: 0px;
    margin-left: 18px;
}


.drive_eats2::after {
    content: "";
    clear: both;
    display: table;
}

@media screen and (min-width: 1821px) {
    .List-A {
    
    }

    .List-B {
        font-size: 0px;
        padding: 0;
        margin: 0;
    }
    
    .food img {
    width: 12%;
    }
}

@media screen and (max-width: 1820px) and (min-width: 1410px) {
    
    .drive_eats2_space {
        width:0%;
    }
    
    .drive_eats2L1 {
        width: 25%;

    }

    .drive_eats2R1 {
        width: 25%;

    }
    
    .drive_eats2L2 {
        width: 25%;

    }

    .drive_eats2R2 {
        width: 25%;

    }
    
    .List-A {
    
    }

    .List-B {
        font-size: 0px;
        padding: 0;
        margin: 0;
    }
}

@media screen and (max-width: 1409px) and (min-width: 1000px) {
    
    .drive_eats2_space {
        width:10%;
    }
    
    .drive_eats2_midspace {
        width:10%;
        height: 200px;
    }
    
    .drive_eats2L1 {
        width: 40%;

    }

    .drive_eats2R1 {
        width: 40%;
        position: relative;
        top:-55px;
    }
    
    .drive_eats2L2 {
        width: 40%;
    }

    .drive_eats2R2 {
        width: 40%;
        position: relative;
        top:-55px;
    }
    
    .List-A {
        font-size: 0px;
        padding: 0;
        margin: 0;
    }

    .List-B {
        
    }
        
}

@media screen and (max-width: 999px) and (min-width: 831px) {
    
    .drive_eats2_space {
        width:0%;
    }
    
    .drive_eats2_midspace {
        width:0%;
    }
    
    .drive_eats2L1 {
        width: 50%;

    }

    .drive_eats2R1 {
        width: 50%;
        position: relative;
        top:-15px;
    }
    
    .drive_eats2L2 {
        width: 50%;
    }

    .drive_eats2R2 {
        width: 50%;
        position: relative;
        top:-15px;
    }
    
    .List-A {
        font-size: 0px;
        padding: 0;
        margin: 0;
    }

    .List-B {
        
    }
        
}

@media screen and (max-width: 830px) {
    
    .drive_eats2_space {
        width:0%;
    }
    
    .drive_eats2_midspace {
        width:0%;
    }
    
    .drive_eats2L1 {
        width: 100%;
        padding-left: 25%;

    }

    .drive_eats2R1 {
        width: 100%;
        position: relative;
        top:-30px;
        padding-left: 25%;
        
    }
    
    .drive_eats2L2 {
        width: 100%;
        position: relative;
        top:-15px;
        padding-left: 25%;
    }

    .drive_eats2R2 {
        width: 100%;
        position: relative;
        top:-45px;
        padding-left: 25%;
    }
    
    .List-A {
        
    }

    .List-B {
        font-size: 0px;
        padding: 0;
        margin: 0;
    }
        
}


@media screen and (max-width: 1365px) and (min-width: 950px) {
    
    .food img {
    width: 20%;
    }

    
    .close_eats2_space {
        width:10%;
    }
    
    .close_eats2L {
        width: 40%;

    }

    .close_eats2R {
        width: 40%;

    }
}

@media screen and (max-width: 949px) and (min-width: 865px) {
    
    .food img {
    width: 20%;
    }
    
    .close_eats2_space {
        width:0%;
    }
    
    .close_eats2L {
        width: 50%;

    }

    .close_eats2R {
        width: 50%;
    }
}

@media screen and (max-width: 864px) {
    
    .food img {
    width: 25%;
    }
    
    .close_eats2_space {
        width:0%;
    }
    
    .close_eats2L {
        width: 100%;
        float:none;
        padding-left: 25%;

    }

    .close_eats2R {
        width: 100%;
        float:none;
        padding-left: 25%;
        position: relative;
        top: -15px;
    }
}



.drive_eats-L1 ul{
    padding-left:50%;
}

.drive_eats-L2 ul{
    padding-left:30%;
    padding-right:0%;
}

.drive_eats-R1 ul{
    padding-left:20%;
    padding-right:0%;
}

.drive_eats-R2 ul{
    padding-left:0%;
}

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

    .close_eats-L ul{
        padding-left:20%;
        padding-right:0%;
    }

    .close_eats-R ul{
        padding-left:20%;
        padding-right:0%;
    }
    
    .drive_eats-L1 ul{
    padding-left:0%;
    }

    .drive_eats-L2 ul{
        padding-left:30%;
        padding-right:0%;
    }

    .drive_eats-R1 ul{
        padding-left:0%;
        padding-right:0%;
    }

    .drive_eats-R2 ul{
        padding-left:30%;
    }

}


/* Styles for dialog window */

.time {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5%;
    padding-bottom: 5%;
    width: 100%;
}

.NotReady {
	background-color: rgba(49,130,83,0.8);
	max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

.NotReady h2 {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 30pt;
}

.NotReady p {
    text-align: center;
    font-style: italic;
    padding-bottom: 35px;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 15pt;
}

.qa {
    
}

.qa h5 {
    font-weight: 700;
    margin-top: 2em;
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.dates table {
    margin-left: auto;
    margin-right: auto;
}

.dates td {
    width: 100px;
}

.dates h2 {
    text-align: center;
    font-style: italic;
    font-size: 10pt;
}

.old_date {
    color:#c93030;
    text-decoration: line-through;
    font-style: inherit;
}

.loc_info {
    margin-top: 25pt;
    margin-bottom: 75pt;
}

.loc_info h1 {
    font-weight: 900;
    font-size: 38px;
    margin-bottom: 15pt;
    color: #318253;
}

.loc_info h4 {
    font-weight: 900;
}

.loc_info h5 {
    font-style: italic;
}

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

    .story {
    width: 100%;
    padding-left: 0%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .loc_info {
    margin-top: 25pt;
    margin-bottom: 35pt;
    }
    
    .ceremony {
    padding-left: 0%;
   
}
    
}


/* iPad Rules */

@media (hover: none) and (pointer: coarse) and (max-width: 1366px) {
    
    #top {
    width: 0px;
    padding-bottom: 0;
    margin-bottom: 0;
    }

    #mobile-space {
        width: 100%;
        height: 12px;
        padding-bottom: 0;
        margin-bottom: 0;
        border: 0;
        background-color: #FFFFFF;
    }

    #top-mobile2 {
        width: 400px;
        padding-bottom: 0;
        margin-bottom: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    #HeadSpace {
    width: 100%;
    height:45px;
    }

    #Header {
        width: 100%;
        height: 10px;
        text-align: center;
        padding-bottom: 10px;
        position: fixed;
        z-index: 999;
        /*background-color: #ABBE9E;*/
        background-color: #FFFFFF;
        color:white;
    }
    
    #top-ipad {
        width: 400px;
        padding-bottom: 0;
        margin-bottom: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    
    .brewery-splash {
        background-attachment: scroll;
    }   
    
    .bat-splash {
        background-attachment: scroll;
    } 
    
    .travel-splash {
        background-attachment: scroll;
    } 
    
    .to-do-splash {
        background-attachment: scroll;
    } 
    
    .aqua-splash {
        background-attachment: scroll;
    } 
    
    .food-splash {
        background-attachment: scroll;
    } 
    
   

}