@charset "UTF-8";
/* CSS Document */

/* Global */

html, body { background-color: rgb(129, 186, 45); margin: 0; padding: 0; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
img, embed, object, video { border: none; padding: 0; margin: 0; width: 100%; display: block; }
.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
#site-wrapper { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; z-index: 100; }
#main-wrapper { margin: 0; padding: 0; position: relative; clear: both; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 9000; }
#content-wrapper { background-color: rgb(255, 236, 207); margin: 0; padding: 0; float: left; width: 100%; height: auto; overflow: hidden; }
.container { background-color: rgb(255, 236, 207); margin: 0; padding: 0; float: left; clear: both; width: 100%; overflow: hidden; }
.white { color: rgb(255, 249, 239); }
a.brown { font-family: 'semplicitapro'; font-weight: 400; color: rgb(40, 35, 30); font-weight: bold; text-decoration: none; cursor: pointer; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
a.brown:hover, a.brown:active { font-family: 'semplicitapro'; font-weight: 400; color: rgb(129, 186, 45); font-weight: bold; }
a.green { font-family: 'semplicitapro'; font-weight: 400; color: rgb(129, 186, 45); font-weight: bold; text-decoration: none; cursor: pointer; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
a.green:hover, a.green:active { font-family: 'semplicitapro'; font-weight: 400; color: rgb(40, 35, 30); font-weight: bold; }
.green { color: rgb(129, 186, 45); }
.grow { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.kerning { letter-spacing: .05em; }

/* Mobile Small */
@media screen
and (max-width: 374px) {
	
#nav-wrapper { height: 0; display: none; }
#navigation { display: none; }
@media screen and (orientation:portrait) {
#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100%; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: 100%; z-index: 100; }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-800.jpg'); background-position: center top; background-size: cover; float: left; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 100; }
#scroll-arrow { position: absolute; bottom: 40px; left: 50%; width: 58px; height: 58px; margin-left: -29px; }
#green-arrow { position: absolute; left: 0; top: 0; width: 58px; height: 58px; z-index: 300; }
#sonar { position: absolute; top: 0; left: 0; width: 58px; height: 58px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius: 100%; opacity: 0; -webkit-animation: arrow 2s infinite; animation: arrow 2s infinite; box-sizing: border-box; -webkit-backface-visibility: hidden; z-index: 200; }
@-webkit-keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 58px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
@keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 58px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
}
@media screen and (orientation:landscape) {
#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: auto; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-800.jpg'); background-size: 100% auto; float: left; margin: 0; padding-bottom: 30%; width: 100%; z-index: 100; }
#scroll-arrow { display: none; }
}
.logo { position: relative; margin: 90px auto 0 auto; padding: 0; width: 240px; z-index: 100; }
h1 { float: left; margin: 14% 0 0 15%; padding: 0; width: 70%; font-family: 'stilson-display-condensed'; font-size: 1.7em; font-weight: 300; color: rgb(255, 236, 207); line-height: 1.2em; text-align: center; z-index: 100; }
.copy { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; text-align: center; }
.photo-header { background: rgb(255, 236, 207); float: left; margin: 0; padding: 8% 0 6.5% 0; width: 100%; z-index: 150; }
.more-photos-header { float: left; margin: 14% 0 7% 15%; padding-bottom: 7%; width: 70%; z-index: 150; border-bottom: solid 1px rgb(200, 180, 160); }
.header { font-family: 'futura-pt-bold'; font-size: 1.4em; color: rgb(40, 35, 30); text-transform: uppercase; }
.photo-wrapper { float: left; margin: 0 0 0 5.25%; padding: 0; width: 89.5%; z-index: 150; border-top: solid 1px rgb(255, 236, 207); border-right: solid 1px rgb(255, 236, 207); }
.photo-image { float: left; margin: 0; padding: 0; width: 49.525%; z-index: 160; border-left: solid 1px rgb(255, 236, 207); border-bottom: solid 1px rgb(255, 236, 207); overflow: hidden; }
a.imgal { border: none; }
.border { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#gallery-wrapper { background-color: rgb(0, 0, 0); position: fixed; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#gallery-container { float: left; margin: 12% 0 0 0; padding: 0; width: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#close { position: absolute; top: 0; right: 4%; width: 37px; height: 37px; z-index: 600; }
.narrative { float: left; margin: 0 0 0 10%; padding: 0; width: 80%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.1em; color: rgb(40, 35, 30); line-height: 1.8em; text-align: center; z-index: 150; }
.button-box { float: left; margin: 8% 0 14% 0; padding: 0; width: 100%; height: 75px; text-align: center; }
a.photos-button { background: rgb(129, 186, 45); position: absolute; margin: 0 0 0 -120px; padding: 0; width: 240px; height: 75px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 3.9em; text-align: center; text-decoration: none; border-radius: 10px; z-index: 150; -o-transition: background .2s ease-out; -ms-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
a.photos-button:hover, a.photos-button:active { background: rgb(40, 35, 30); color: rgb(255, 236, 207); }
.experience { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.experience-copy { float: left; margin: 10% 0 5% 10%; padding: 0; width: 80%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.1em; color: rgb(255, 236, 207); line-height: 1.7em; text-align: center; z-index: 150; }
.experience-headline { font-family: 'thirsty-script'; font-size: 2em; color: rgb(255, 249, 239); }
.section-green { background: rgb(129, 186, 45); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; border-top: solid 1px rgb(0, 0, 0); }
.section-blonde { background: rgb(255, 236, 207); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; border-top: solid 1px rgb(0, 0, 0); }
.image-about-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-about-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; overflow: hidden; z-index: 100; }
.image-about { display: none; }
.image-menu-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-menu-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-menu { display: none; }
.image-garden-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-garden-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-garden { display: none; }
.image-events-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-events-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-events { display: none; }
.image-specials-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-specials-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-specials { display: none; }
.image-gallery-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-gallery-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-gallery { display: none; }
.section-wrapper-about, .section-wrapper-garden, .section-wrapper-specials { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-menu, .section-wrapper-events, .section-wrapper-gallery { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-copy-about, .section-copy-garden, .section-copy-specials { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-menu, .section-copy-events, .section-copy-gallery { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.tagline { float: left; margin: 12% 0 0 15%; padding: 0; width: 70%; font-family: 'thirsty-script'; font-size: 2.1em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 12% 0 0 15%; padding: 0; width: 70%; font-family: 'thirsty-script'; font-size: 2.1em; color: rgb(40, 35, 30); text-align: left;  z-index: 150; }
.section-copy-right { float: left; margin: 0; padding: 0 0 0 15%; width: 70%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.1em; color: rgb(255, 236, 207); line-height: 1.4em; text-align: left; }
.section-copy-left { float: left; margin: 0; padding: 0 0 0 15%; width: 70%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.1em; color: rgb(40, 35, 30); line-height: 1.4em; text-align: left; }
a.section-button { background: rgb(255, 236, 207); float: left; margin: 8% 0 18% 15%; padding: 0; width: 70%; height: 70px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.2em; color: rgb(40, 35, 30); line-height: 3.7em; text-align: center; text-decoration: none; border: solid 2px rgb(255, 236, 207); border-radius: 10px; z-index: 150; }
a.section-button:hover, a.section-button:active { background: rgb(129, 186, 45); color: rgb(255, 236, 207); border: solid 2px rgb(255, 236, 207); }
a.section-button-brown { background: rgb(129, 186, 45); float: left; margin: 8% 0 18% 15%; padding: 0; width: 70%; height: 70px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 3.7em; text-align: center; text-decoration: none; border: solid 2px rgb(129, 186, 45); border-radius: 10px; z-index: 150; }
a.section-button-brown:hover, a.section-button-brown:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); border: solid 2px rgb(40, 35, 30); }

}

/* Mobile */
@media screen
and (max-width: 480px)
and (min-width: 375px) {
	
#nav-wrapper { height: 0; display: none; }
#navigation { display: none; }
@media screen and (orientation:portrait) {
#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100%; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: 100%; z-index: 100; }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-1440.jpg'); background-position: center top; background-size: cover; float: left; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 100; }
#scroll-arrow { position: absolute; bottom: 40px; left: 50%; width: 58px; height: 58px; margin-left: -29px; }
#green-arrow { position: absolute; left: 0; top: 0; width: 58px; height: 58px; z-index: 300; }
#sonar { position: absolute; top: 0; left: 0; width: 58px; height: 58px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius: 100%; opacity: 0; -webkit-animation: arrow 2s infinite; animation: arrow 2s infinite; box-sizing: border-box; -webkit-backface-visibility: hidden; z-index: 200; }
@-webkit-keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 58px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
@keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 58px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
}
@media screen and (orientation:landscape) {
#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: auto; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-1440.jpg'); background-size: 100% auto; float: left; margin: 0; padding-bottom: 30%; width: 100%; z-index: 100; }
#scroll-arrow { display: none; }
}
.logo { position: relative; margin: 110px auto 0 auto; padding: 0; width: 270px; z-index: 100; }
h1 { float: left; margin: 14% 0 0 15%; padding: 0; width: 70%; font-family: 'stilson-display-condensed'; font-size: 1.7em; font-weight: 300; color: rgb(255, 236, 207); line-height: 1.2em; text-align: center; z-index: 100; }
.copy { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; text-align: center; }
.photo-header { background: rgb(255, 236, 207); float: left; margin: 0; padding: 8% 0 6.5% 0; width: 100%; z-index: 150; }
.more-photos-header { float: left; margin: 12% 0 6% 15%; padding-bottom: 6%; width: 70%; z-index: 150; border-bottom: solid 1px rgb(200, 180, 160); }
.header { font-family: 'futura-pt-bold'; font-size: 1.4em; color: rgb(40, 35, 30); text-transform: uppercase; }
.photo-wrapper { float: left; margin: 0 0 0 5.25%; padding: 0; width: 89.5%; z-index: 150; border-top: solid 1px rgb(255, 236, 207); border-right: solid 1px rgb(255, 236, 207); }
.photo-image { float: left; margin: 0; padding: 0; width: 49.625%; z-index: 160; border-left: solid 1px rgb(255, 236, 207); border-bottom: solid 1px rgb(255, 236, 207); overflow: hidden; }
a.imgal { border: none; }
.border { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#gallery-wrapper { background-color: rgb(0, 0, 0); position: fixed; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#gallery-container { float: left; margin: 12% 0 0 0; padding: 0; width: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#close { position: absolute; top: 0; right: 4%; width: 37px; height: 37px; z-index: 600; }
.narrative { float: left; margin: 0 0 0 10%; padding: 0; width: 80%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.1em; color: rgb(40, 35, 30); line-height: 1.8em; text-align: center; z-index: 150; }
.button-box { float: left; margin: 7% 0 13% 0; padding: 0; width: 100%; height: 75px; text-align: center; }
a.photos-button { background: rgb(129, 186, 45); position: absolute; margin: 0 0 0 -120px; padding: 0; width: 240px; height: 75px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 3.9em; text-align: center; text-decoration: none; border-radius: 10px; z-index: 150; -o-transition: background .2s ease-out; -ms-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
a.photos-button:hover, a.photos-button:active { background: rgb(40, 35, 30); color: rgb(255, 236, 207); }
.experience { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.experience-copy { float: left; margin: 8% 0 4% 10%; padding: 0; width: 80%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.1em; color: rgb(255, 236, 207); line-height: 1.8em; text-align: center; z-index: 150; }
.experience-headline { font-family: 'thirsty-script'; font-size: 2em; color: rgb(255, 249, 239); }
.section-green { background: rgb(129, 186, 45); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; border-top: solid 1px rgb(0, 0, 0); }
.section-blonde { background: rgb(255, 236, 207); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; border-top: solid 1px rgb(0, 0, 0); }
.image-about-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-about-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; overflow: hidden; z-index: 100; }
.image-about { display: none; }
.image-menu-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-menu-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-menu { display: none; }
.image-garden-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-garden-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-garden { display: none; }
.image-events-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-events-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-events { display: none; }
.image-specials-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-specials-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-specials { display: none; }
.image-gallery-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-gallery-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-gallery { display: none; }
.section-wrapper-about, .section-wrapper-garden, .section-wrapper-specials { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-menu, .section-wrapper-events, .section-wrapper-gallery { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-copy-about, .section-copy-garden, .section-copy-specials { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-menu, .section-copy-events, .section-copy-gallery { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.tagline { float: left; margin: 12% 0 0 15%; padding: 0; width: 70%; font-family: 'thirsty-script'; font-size: 2.3em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 12% 0 0 15%; padding: 0; width: 70%; font-family: 'thirsty-script'; font-size: 2.3em; color: rgb(40, 35, 30); text-align: left;  z-index: 150; }
.section-copy-right { float: left; margin: 0; padding: 0 0 0 15%; width: 70%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 1.4em; text-align: left; }
.section-copy-left { float: left; margin: 0; padding: 0 0 0 15%; width: 70%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(40, 35, 30); line-height: 1.4em; text-align: left; }
a.section-button { background: rgb(255, 236, 207); float: left; margin: 8% 0 18% 15%; padding: 0; width: 240px; height: 75px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.2em; color: rgb(40, 35, 30); line-height: 3.9em; text-align: center; text-decoration: none; border: solid 2px rgb(255, 236, 207); border-radius: 10px; z-index: 150; }
a.section-button:hover, a.section-button:active { background: rgb(129, 186, 45); color: rgb(255, 236, 207); border: solid 2px rgb(255, 236, 207); }
a.section-button-brown { background: rgb(129, 186, 45); float: left; margin: 8% 0 18% 15%; padding: 0; width: 240px; height: 75px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 3.9em; text-align: center; text-decoration: none; border: solid 2px rgb(129, 186, 45); border-radius: 10px; z-index: 150; }
a.section-button-brown:hover, a.section-button-brown:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); border: solid 2px rgb(40, 35, 30); }

}

/* Mobile Large */
@media screen
and (max-width: 767px)
and (min-width: 481px) {
	
#nav-wrapper { height: 0; display: none; }
#navigation { display: none; }
@media screen and (orientation:portrait) {
#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100%; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: 100%; z-index: 100; }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-1536.jpg'); background-position: center top; background-size: cover; float: left; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 100; }
#scroll-arrow { position: absolute; bottom: 50px; left: 50%; width: 60px; height: 60px; margin-left: -30px; }
#green-arrow { position: absolute; left: 0; top: 0; width: 60px; height: 60px; z-index: 300; }
#sonar { position: absolute; top: 0; left: 0; width: 60px; height: 60px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius: 100%; opacity: 0; -webkit-animation: arrow 2s infinite; animation: arrow 2s infinite; box-sizing: border-box; -webkit-backface-visibility: hidden; z-index: 200; }
@-webkit-keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
@keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
}
@media screen and (orientation:landscape) {
#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: auto; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-1536.jpg'); background-size: 100% auto; float: left; margin: 0; padding-bottom: 30%; width: 100%; z-index: 100; }
#scroll-arrow { display: none; }
}
.logo { position: relative; margin: 140px auto 0 auto; padding: 0; width: 60%; z-index: 100; }
h1 { float: left; margin: 12% 0 0 20%; padding: 0; width: 60%; font-family: 'stilson-display-condensed'; font-size: 2.8em; font-size: 6.8vw; font-weight: 300; color: rgb(255, 236, 207); line-height: 1.2em; text-align: left; z-index: 100; }
.copy { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; text-align: center; }
.photo-header { background: rgb(255, 236, 207); float: left; margin: 0; padding: 7% 0 6% 0; width: 100%; z-index: 150; }
.more-photos-header { float: left; margin: 10% 0 5% 15%; padding-bottom: 5%; width: 70%; z-index: 150; border-bottom: solid 1px rgb(200, 180, 160); }
.header { font-family: 'futura-pt-bold'; font-size: 1.5em; color: rgb(40, 35, 30); text-transform: uppercase; }
.photo-wrapper { float: left; margin: 0 0 0 5.25%; padding: 0; width: 89.5%; z-index: 150; border-top: solid 1px rgb(255, 236, 207); border-right: solid 1px rgb(255, 236, 207); }
.photo-image { float: left; margin: 0; padding: 0; width: 49.75%; z-index: 160; border-left: solid 1px rgb(255, 236, 207); border-bottom: solid 1px rgb(255, 236, 207); overflow: hidden; }
a.imgal { border: none; }
.border { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#gallery-wrapper { background-color: rgb(0, 0, 0); position: fixed; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#gallery-container { float: left; margin: 12% 0 0 0; padding: 0; width: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#close { position: absolute; top: 1%; right: 4%; width: 37px; height: 37px; z-index: 600; }
.narrative { float: left; margin: 0 0 0 10%; padding: 0; width: 80%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(40, 35, 30); line-height: 1.9em; text-align: center; z-index: 150; }
.button-box { float: left; margin: 6% 0 11% 0; padding: 0; width: 100%; height: 80px; text-align: center; }
a.photos-button { background: rgb(129, 186, 45); position: absolute; margin: 0 0 0 -130px; padding: 0; width: 260px; height: 80px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.3em; color: rgb(255, 236, 207); line-height: 3.9em; text-align: center; text-decoration: none; border-radius: 10px; z-index: 150; -o-transition: background .2s ease-out; -ms-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
a.photos-button:hover, a.photos-button:active { background: rgb(40, 35, 30); color: rgb(255, 236, 207); }
.experience { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.experience-copy { float: left; margin: 8% 0 4% 10%; padding: 0; width: 80%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.1em; color: rgb(255, 236, 207); line-height: 2em; text-align: center; z-index: 150; }
.experience-headline { font-family: 'thirsty-script'; font-size: 2.2em; color: rgb(255, 249, 239); }
.section-green { background: rgb(129, 186, 45); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; border-top: solid 1px rgb(0, 0, 0); }
.section-blonde { background: rgb(255, 236, 207); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; border-top: solid 1px rgb(0, 0, 0); }
.image-about-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-about-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-about { display: none }
.image-menu-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-menu-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-menu { display: none }
.image-garden-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-garden-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-garden { display: none }
.image-events-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-events-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-events { display: none }
.image-specials-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-specials-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-specials { display: none }
.image-gallery-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-gallery-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-gallery { display: none }
.section-wrapper-about, .section-wrapper-garden, .section-wrapper-specials { float: right; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-menu, .section-wrapper-events, .section-wrapper-gallery { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-copy-about, .section-copy-garden, .section-copy-specials { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-menu, .section-copy-events, .section-copy-gallery { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.tagline { float: left; margin: 20% 0 0 20%; padding: 0; width: 60%; font-family: 'thirsty-script'; font-size: 2.4em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 20% 0 0 20%; padding: 0; width: 60%; font-family: 'thirsty-script'; font-size: 2.4em; color: rgb(40, 35, 30); text-align: left;  z-index: 150; }
.section-copy-right { float: left; margin: 0; padding: 0 0 0 20%; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 1.4em; text-align: left; }
.section-copy-left { float: left; margin: 0; padding: 0 0 0 20%; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(40, 35, 30); line-height: 1.4em; text-align: left; }
a.section-button { background: rgb(255, 236, 207); float: left; margin: 4% 0 22% 20%; padding: 0; width: 260px; height: 80px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.3em; color: rgb(40, 35, 30); line-height: 3.9em; text-align: center; text-decoration: none; border: solid 2px rgb(255, 236, 207); border-radius: 10px; z-index: 150; }
a.section-button:hover, a.section-button:active { background: rgb(129, 186, 45); color: rgb(255, 236, 207); border: solid 2px rgb(255, 236, 207); }
a.section-button-brown { background: rgb(129, 186, 45); float: left; margin: 4% 0 22% 20%; padding: 0; width: 260px; height: 80px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.3em; color: rgb(255, 236, 207); line-height: 3.9em; text-align: center; text-decoration: none; border: solid 2px rgb(129, 186, 45); border-radius: 10px; z-index: 150; }
a.section-button-brown:hover, a.section-button-brown:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); border: solid 2px rgb(40, 35, 30); }

}

/* Tablet Vertical */
@media screen
and (min-width: 768px)
and (max-width: 1023px) {
	
#nav-wrapper { height: 0; display: none; }
#navigation { display: none; }
@media screen and (orientation:portrait) {
#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100%; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: 100%; z-index: 100; }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-1536.jpg'); background-position: center top; background-size: cover; float: left; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 100; }
#scroll-arrow { position: absolute; bottom: 50px; left: 50%; width: 60px; height: 60px; margin-left: -30px; }
#green-arrow { position: absolute; left: 0; top: 0; width: 60px; height: 60px; z-index: 300; }
#sonar { position: absolute; top: 0; left: 0; width: 60px; height: 60px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius: 100%; opacity: 0; -webkit-animation: arrow 2s infinite; animation: arrow 2s infinite; box-sizing: border-box; -webkit-backface-visibility: hidden; z-index: 200; }
@-webkit-keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
@keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
}
@media screen and (orientation:landscape) {
#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: auto; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-1536.jpg'); background-size: 100% auto; float: left; margin: 0; padding-bottom: 30%; width: 100%; z-index: 100; }
#scroll-arrow { display: none; }
}
.logo { position: relative; margin: 170px auto 0 auto; padding: 0; width: 380px; z-index: 100; }
h1 { float: left; margin: 12% 0 0 20%; padding: 0; width: 60%; font-family: 'stilson-display-condensed'; font-size: 3.4em; font-weight: 300; color: rgb(255, 236, 207); line-height: 1.2em; text-align: center; z-index: 100; }
.copy { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; text-align: center; }
.photo-header { background: rgb(255, 236, 207); float: left; margin: 0; padding: 6% 0 5.5% 0; width: 100%; z-index: 150; }
.more-photos-header { float: left; margin: 8% 0 4% 15%; padding-bottom: 4%; width: 70%; z-index: 150; border-bottom: solid 1px rgb(200, 180, 160); }
.header { font-family: 'futura-pt-bold'; font-size: 1.5em; color: rgb(40, 35, 30); text-transform: uppercase; }
.photo-wrapper { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; border-top: solid 1px rgb(255, 236, 207); border-right: solid 1px rgb(255, 236, 207); }
.photo-image { float: left; margin: 0; padding: 0; width: 33.2%; z-index: 160; border-left: solid 1px rgb(255, 236, 207); border-bottom: solid 1px rgb(255, 236, 207); overflow: hidden; }
a.imgal { border: none; }
.border { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#gallery-wrapper { background-color: rgb(0, 0, 0); position: fixed; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#gallery-container { float: left; margin: 12% 0 0 0; padding: 0; width: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#close { position: absolute; top: 1%; right: 4%; width: 41px; height: 41px; z-index: 600; }
.narrative { float: left; margin: 0 0 0 15%; padding: 0; width: 70%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(40, 35, 30); line-height: 1.9em; text-align: center; z-index: 150; }
.button-box { float: left; margin: 5% 0 9% 0; padding: 0; width: 100%; height: 80px; text-align: center; }
a.photos-button { background: rgb(129, 186, 45); position: absolute; margin: 0 0 0 -130px; padding: 0; width: 260px; height: 80px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.3em; color: rgb(255, 236, 207); line-height: 3.9em; text-align: center; text-decoration: none; border-radius: 10px; z-index: 150; -o-transition: background .2s ease-out; -ms-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
a.photos-button:hover, a.photos-button:active { background: rgb(40, 35, 30); color: rgb(255, 236, 207); }
.experience { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.experience-copy { float: left; margin: 4% 0 3% 20%; padding: 0; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 2.2em; text-align: center; z-index: 150; }
.experience-headline { font-family: 'thirsty-script'; font-size: 2.2em; color: rgb(255, 249, 239); }
.section-green { background: rgb(129, 186, 45); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.section-blonde { background: rgb(255, 236, 207); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.image-about-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-about-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 50%; float: left; width: 50%;  height: 0; overflow: hidden; z-index: 100; }
.image-about { display: none; }
.image-menu-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-menu-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 50%; float: right; width: 50%;  height: 0; overflow: hidden; z-index: 100; }
.image-menu { display: none; }
.image-garden-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-garden-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 50%; float: left; width: 50%;  height: 0; overflow: hidden; z-index: 100; }
.image-garden { display: none; }
.image-events-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-events-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 50%; float: right; width: 50%;  height: 0; overflow: hidden; z-index: 100; }
.image-events { display: none; }
.image-specials-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-specials-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 50%; float: left; width: 50%;  height: 0; overflow: hidden; z-index: 100; }
.image-specials { display: none; }
.image-gallery-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-gallery-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 50%; float: right; width: 50%;  height: 0; overflow: hidden; z-index: 100; }
.image-gallery { display: none; }
.section-wrapper-about, .section-wrapper-garden, .section-wrapper-specials { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-menu, .section-wrapper-events, .section-wrapper-gallery { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-copy-about, .section-copy-garden, .section-copy-specials { position: relative; margin-top: 20%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-menu, .section-copy-events, .section-copy-gallery { position: relative; margin-top: 20%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.tagline { float: left; margin: 0 0 0 15%; padding: 0; width: 60%; font-family: 'thirsty-script'; font-size: 2.3em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 0 0 0 15%; padding: 0; width: 60%; font-family: 'thirsty-script'; font-size: 2.3em; color: rgb(40, 35, 30); text-align: left;  z-index: 150; }
.section-copy-right { float: left; margin: 0; padding: 0 0 0 15%; width: 65%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 1.4em; text-align: left; }
.section-copy-left { float: left; margin: 0; padding: 0 0 0 15%; width: 65%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(40, 35, 30); line-height: 1.4em; text-align: left; }
a.section-button { background: rgb(129, 186, 45); float: left; margin: 4% 0 22% 15%; padding: 0; width: 220px; height: 70px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.1em; color: rgb(255, 236, 207); line-height: 4.1em; text-align: center; text-decoration: none; border: solid 2px rgb(255, 236, 207); border-radius: 10px; z-index: 150; }
a.section-button:hover, a.section-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
a.section-button-brown { background: rgb(255, 236, 207); float: left; margin: 4% 0 22% 15%; padding: 0; width: 220px; height: 70px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.1em; color: rgb(40, 35, 30); line-height: 4.1em; text-align: center; text-decoration: none; border: solid 2px rgb(40, 35, 30); border-radius: 10px; z-index: 150; }
a.section-button-brown:hover, a.section-button-brown:active { background: rgb(129, 186, 45); color: rgb(255, 236, 307); border: solid 2px rgb(129, 186, 45); }

}

/* Tablet Horizontal & Small Screens */
@media screen
and (min-width: 1024px)
and (max-width: 1280px) {
	
#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100%; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: 100%; z-index: 100; }
#nav-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 10000; }
.gilmore-logo { position: absolute; top: 12px; left: 50px; padding: 0; width: 136px;  z-index: 10000; }
#navigation { display: none; }
#nav-brand { display: none; }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-1600.jpg'); background-position: center top; background-size: cover; float: left; margin: 0; padding: 0; width: 100%; height: 100vh; z-index: 100; }
.logo { position: relative; margin: 11% auto 0 auto; padding: 100px 0 0 0; width: 360px; z-index: 100; }
h1 { float: left; clear: both; margin: 9% 0 0 20%; padding: 0; width: 60%; font-family: 'stilson-display-condensed'; font-size: 3.4em; font-weight: 300; color: rgb(255, 236, 207); line-height: 1.2em; text-align: center; z-index: 100; }
#scroll-arrow { position: absolute; bottom: 50px; left: 50%; width: 62px; height: 62px; margin-left: -31px; }
#green-arrow { position: absolute; left: 0; top: 0; width: 62px; height: 62px; z-index: 300; }
#sonar { position: absolute; top: 0; left: 0; width: 62px; height: 62px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius: 100%; opacity: 0; -webkit-animation: arrow 2s infinite; animation: arrow 2s infinite; box-sizing: border-box; -webkit-backface-visibility: hidden; z-index: 200; }
@-webkit-keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 62px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
@keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 62px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
.copy { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; text-align: center; }
.photo-header { background: rgb(255, 236, 207); float: left; margin: 0; padding: 5% 0 4.5% 0; width: 100%; z-index: 150; }
.more-photos-header { float: left; margin: 6% 0 3% 20%; padding-bottom: 3%; width: 60%; z-index: 150; border-bottom: solid 1px rgb(200, 180, 160); }
.header { font-family: 'futura-pt-bold'; font-size: 1.5em; color: rgb(40, 35, 30); text-transform: uppercase; }
.photo-wrapper { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; border-top: solid 1px rgb(255, 236, 207); border-right: solid 1px rgb(255, 236, 207); }
.photo-image { float: left; margin: 0; padding: 0; width: 24.9%; z-index: 160; border-left: solid 1px rgb(255, 236, 207); border-bottom: solid 1px rgb(255, 236, 207); overflow: hidden; }
a.imgal { border: none; }
.border { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#gallery-wrapper { background-color: rgb(0, 0, 0); position: fixed; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#gallery-container { float: left; margin: 0 0 0 15%; padding: 0; width: 70%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#close { position: absolute; top: 1%; right: 4%; width: 41px; height: 41px; z-index: 600; }
.narrative { float: left; margin: 0 0 0 20%; padding: 0; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(40, 35, 30); line-height: 1.9em; text-align: center; z-index: 150; }
.button-box { float: left; margin: 4% 0 7% 0; padding: 0; width: 100%; height: 80px; text-align: center; }
a.photos-button { background: rgb(129, 186, 45); position: absolute; margin: 0 0 0 -130px; padding: 0; width: 260px; height: 80px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.3em; color: rgb(255, 236, 207); line-height: 3.9em; text-align: center; text-decoration: none; border-radius: 10px; z-index: 150; -o-transition: background .2s ease-out; -ms-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
a.photos-button:hover, a.photos-button:active { background: rgb(40, 35, 30); color: rgb(255, 236, 207); }
.experience { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.experience-copy { float: left; margin: 4% 0 3% 20%; padding: 0; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 2.2em; text-align: center; z-index: 150; }
.experience-headline { font-family: 'thirsty-script'; font-size: 2em; color: rgb(255, 249, 239); }
.section-green { background: rgb(129, 186, 45); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.section-blonde { background: rgb(255, 236, 207); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.image-about-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-about { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-about-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-about:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-menu-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-menu { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-menu-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-menu:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-garden-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-garden { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-garden-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-garden:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-events-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-events { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-events-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-events:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-specials-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-specials { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-specials-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-specials:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-gallery-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-gallery { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-gallery-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-gallery:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.section-wrapper-about, .section-wrapper-garden, .section-wrapper-specials { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-menu, .section-wrapper-events, .section-wrapper-gallery { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-copy-about, .section-copy-garden, .section-copy-specials { position: relative; margin-top: 25%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-menu, .section-copy-events, .section-copy-gallery { position: relative; margin-top: 25%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.tagline { float: left; margin: 0 0 0 15%; padding: 0; width: 60%; font-family: 'thirsty-script'; font-size: 2.5em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 0 0 0 15%; padding: 0; width: 60%; font-family: 'thirsty-script'; font-size: 2.5em; color: rgb(40, 35, 30); text-align: left;  z-index: 150; }
.section-copy-right { float: left; margin: 0; padding: 0 0 0 15%; width: 65%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.3em; color: rgb(255, 236, 207); line-height: 1.5em; text-align: left; }
.section-copy-left { float: left; margin: 0; padding: 0 0 0 15%; width: 65%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.3em; color: rgb(40, 35, 30); line-height: 1.5em; text-align: left; }
a.section-button { background: rgb(129, 186, 45); float: left; margin: 4% 0 26% 15%; padding: 0; width: 240px; height: 75px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 4em; text-align: center; text-decoration: none; border: solid 2px rgb(255, 236, 207); border-radius: 10px; z-index: 150; -o-transition: background .4s ease-out; -ms-transition: background .4s ease-out; -moz-transition: background .4s ease-out; -webkit-transition: background .4s ease-out; transition: background .4s ease-out; }
a.section-button:hover, a.section-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
a.section-button-brown { background: rgb(255, 236, 207); float: left; margin: 4% 0 26% 15%; padding: 0; width: 240px; height: 75px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.2em; color: rgb(40, 35, 30); line-height: 4em; text-align: center; text-decoration: none; border: solid 2px rgb(40, 35, 30); border-radius: 10px; z-index: 150; -o-transition: background .4s ease-out; -ms-transition: background .4s ease-out; -moz-transition: background .4s ease-out; -webkit-transition: background .4s ease-out; transition: background .4s ease-out; }
a.section-button-brown:hover, a.section-button-brown:active { background: rgb(129, 186, 45); color: rgb(255, 236, 307); border: solid 2px rgb(129, 186, 45); }
	
}

/* Desktop Medium */
@media screen
and (min-width: 1281px)
and (max-width: 1600px) {

#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100%; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: 100%; z-index: 100; }
#nav-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; top: 0; left: 0; position: fixed; width: 100%; height: 160px; z-index: 10000; }
#nav-gilmore { background-color: rgb(129, 186, 45); margin: 0; padding: 0; top: 0; left: 0; position: relative; width: 100%; height: 105px; z-index: 10000; }
.gilmore-logo { position: absolute; top: 14px; left: 40px; padding: 0; width: 140px; z-index: 100; }
#navigation { margin: 0; padding: 0; position: absolute; right: 0; width: 100%; }
#navigation ul { margin: 0; padding: 0; float: right; list-style-type: none; width: auto; display: inline-block; white-space: nowrap; height: 105px; }
#navigation ul a { font-family: 'semplicitapro'; font-weight: 400; font-size: 1.25em; color: rgb(255, 236, 207); text-decoration: none; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
#navigation ul li { margin: 43px 0 0 40px; padding: 0; float: left; width: auto; height: 20px; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation ul li a:hover, #navigation ul li a:active { color: rgb(40, 35, 30); }
a.gift-cards { background: rgb(129, 186, 45); float: right; margin: 25px 40px 0 40px; padding: 0; width: 160px; height: 56px; font-family: 'semplicitapro'; font-weight: 400; font-size: 1.25em; color: rgb(255, 236, 207); line-height: 2.9em; text-align: center; text-decoration: none; border: solid 1px rgb(255, 236, 207); border-radius: 10px; z-index: 160; -o-transition: background .3s ease-out; -ms-transition: background .3s ease-out; -moz-transition: background .3s ease-out; -webkit-transition: background .3s ease-out; transition: background .3s ease-out; }
a.gift-cards:hover, a.gift-cards:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
#nav-brand { background-color: rgb(40, 35, 30); margin: 0; padding: 0; top: 0; left: 0; position: relative; width: 100%; height: 55px; z-index: 11000; }
#navigation-secondary { margin: 0; padding: 0; position: absolute; right: 0; width: 100%; }
.restaurant { margin: 17px 0 0 42px; padding: 0; float: left; width: auto; text-align: left; z-index: 100; }
a.nav-restaurant { font-family: 'semplicitapro'; font-weight: 400; font-style: italic; font-weight: 300; font-size: 1.2em; color: rgb(255, 236, 207); text-decoration: none; }
a.nav-restaurant:hover, a.nav-restaurant:active { color: rgb(255, 255, 255); }
#navigation-secondary ul { margin: 0; padding: 0; float: right; list-style-type: none; width: auto; display: inline-block; white-space: nowrap; height: 60px; }
#navigation-secondary ul a { font-family: 'semplicitapro'; font-weight: 400; font-weight: 300; font-size: 1.1em; color: rgb(129, 186, 45); text-decoration: none; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
#navigation-secondary ul li { margin: 19px 40px 0 0; padding: 0; float: left; width: auto; height: 18px; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation-secondary ul li a:hover, #navigation-secondary ul li a:active { color: rgb(255, 236, 207); }
a.contact { float: right; margin: 19px 38px 0 0; padding: 0; width: auto; font-family: 'semplicitapro'; font-weight: 400; font-size: 1.1em; text-align: left; color: rgb(255, 236, 207); text-decoration: none; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
a.contact:hover, a.contact:active { color: rgb(255, 255, 255); }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-1600.jpg'); background-position: center top; background-size: cover; float: left; margin: 0; padding: 0; width: 100%; height: 100vh; z-index: 100; }
.logo { position: relative; margin: 10% auto 0 auto; padding: 160px 0 0 0; width: 400px; z-index: 100; }
h1 { float: left; clear: both; margin: 8% 0 0 25%; padding: 0; width: 50%; font-family: 'stilson-display-condensed'; font-size: 3.6em; font-weight: 300; color: rgb(255, 236, 207); line-height: 1.2em; text-align: center; z-index: 100; }
#scroll-arrow { position: absolute; bottom: 60px; left: 50%; width: 62px; height: 62px; margin-left: -31px; }
#green-arrow { position: absolute; left: 0; top: 0; width: 62px; height: 62px; z-index: 300; }
#sonar { position: absolute; top: 0; left: 0; width: 62px; height: 62px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius: 100%; opacity: 0; -webkit-animation: arrow 2s infinite; animation: arrow 2s infinite; box-sizing: border-box; -webkit-backface-visibility: hidden; z-index: 200; }
@-webkit-keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 62px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
@keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 62px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
.copy { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; text-align: center; }
.photo-header { background: rgb(255, 236, 207); float: left; margin: 0; padding: 4% 0 3.5% 0; width: 100%; z-index: 150; }
.more-photos-header { float: left; margin: 5% 0 2% 25%; padding-bottom: 2%; width: 50%; z-index: 150; border-bottom: solid 1px rgb(200, 180, 160); }
.header { font-family: 'futura-pt-bold'; font-size: 1.6em; color: rgb(40, 35, 30); text-transform: uppercase; }
.photo-wrapper { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; border-top: solid 1px rgb(255, 236, 207); border-right: solid 1px rgb(255, 236, 207); }
.photo-image { float: left; margin: 0; padding: 0; width: 19.9225%; z-index: 160; border-left: solid 1px rgb(255, 236, 207); border-bottom: solid 1px rgb(255, 236, 207); overflow: hidden; }
a.imgal { border: none; }
.border { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#gallery-wrapper { background-color: rgb(0, 0, 0); position: fixed; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#gallery-container { float: left; margin: 1% 0 0 15%; padding: 0; width: 70%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#close { position: absolute; top: 2%; right: 4%; width: 46px; height: 46px; z-index: 600; }
.narrative { float: left; margin: 0 0 0 25%; padding: 0; width: 50%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.3em; color: rgb(40, 35, 30); line-height: 2em; text-align: center; z-index: 150; }
.button-box { float: left; margin: 3% 0 6% 0; padding: 0; width: 100%; height: 85px; text-align: center; }
a.photos-button { background: rgb(129, 186, 45); position: absolute; margin: 0 0 0 -140px; padding: 0; width: 280px; height: 85px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.4em; color: rgb(255, 236, 207); line-height: 3.8em; text-align: center; text-decoration: none; border-radius: 10px; z-index: 150; -o-transition: background .2s ease-out; -ms-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
a.photos-button:hover, a.photos-button:active { background: rgb(40, 35, 30); color: rgb(255, 236, 207); }
.experience { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.experience-copy { float: left; margin: 4% 0 3% 20%; padding: 0; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 2.2em; text-align: center; z-index: 150; }
.experience-headline { font-family: 'thirsty-script'; font-size: 2.2em; color: rgb(255, 249, 239); }
.section-green { background: rgb(129, 186, 45); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.section-blonde { background: rgb(255, 236, 207); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.image-about-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-about { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-about-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-about:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-menu-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-menu { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-menu-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-menu:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-garden-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-garden { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-garden-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-garden:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-events-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-events { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-events-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-events:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-specials-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-specials { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-specials-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-specials:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-gallery-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-gallery { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-gallery-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-gallery:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.section-wrapper-about, .section-wrapper-garden, .section-wrapper-specials { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-menu, .section-wrapper-events, .section-wrapper-gallery { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-copy-about, .section-copy-garden, .section-copy-specials { position: relative; margin-top: 28%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-menu, .section-copy-events, .section-copy-gallery { position: relative; margin-top: 28%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.tagline { float: left; margin: 0 0 0 18%; padding: 0; width: 60%; font-family: 'thirsty-script'; font-size: 2.7em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 0 0 0 18%; padding: 0; width: 60%; font-family: 'thirsty-script'; font-size: 2.7em; color: rgb(40, 35, 30); text-align: left;  z-index: 150; }
.section-copy-right { float: left; margin: 0; padding: 0 0 0 18%; width: 65%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.3em; color: rgb(255, 236, 207); line-height: 1.5em; text-align: left; }
.section-copy-left { float: left; margin: 0; padding: 0 0 0 18%; width: 65%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.3em; color: rgb(40, 35, 30); line-height: 1.5em; text-align: left; }
a.section-button { background: rgb(129, 186, 45); float: left; margin: 3% 0 36% 18%; padding: 0; width: 260px; height: 80px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.2em; color: rgb(255, 236, 207); line-height: 4.2em; text-align: center; text-decoration: none; border: solid 2px rgb(255, 236, 207); border-radius: 10px; z-index: 150; -o-transition: background .4s ease-out; -ms-transition: background .4s ease-out; -moz-transition: background .4s ease-out; -webkit-transition: background .4s ease-out; transition: background .4s ease-out; }
a.section-button:hover, a.section-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
a.section-button-brown { background: rgb(255, 236, 207); float: left; margin: 3% 0 36% 18%; padding: 0; width: 260px; height: 80px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.2em; color: rgb(40, 35, 30); line-height: 4.2em; text-align: center; text-decoration: none; border: solid 2px rgb(40, 35, 30); border-radius: 10px; z-index: 150; -o-transition: background .4s ease-out; -ms-transition: background .4s ease-out; -moz-transition: background .4s ease-out; -webkit-transition: background .4s ease-out; transition: background .4s ease-out; }
a.section-button-brown:hover, a.section-button-brown:active { background: rgb(129, 186, 45); color: rgb(255, 236, 307); border: solid 2px rgb(129, 186, 45); }

}

/* Desktop Large */
@media screen
and (min-width: 1601px) {
	
#header-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100%; overflow: hidden; z-index: 100; }
#header-index { background-color: rgb(0, 0, 0); margin: 0; padding: 0; float: left; width: 100%; height: 100%; z-index: 100; }
#nav-wrapper { background-color: rgb(129, 186, 45); margin: 0; padding: 0; top: 0; left: 0; position: fixed; width: 100%; height: 180px; z-index: 10000; }
#nav-gilmore { background-color: rgb(129, 186, 45); margin: 0; padding: 0; top: 0; left: 0; position: relative; width: 100%; height: 120px; z-index: 10000; }
.gilmore-logo { position: absolute; top: 16px; left: 60px; padding: 0; width: 160px; z-index: 100; }
#navigation { margin: 0; padding: 0; position: absolute; right: 0; width: 100%; }
#navigation ul { margin: 0; padding: 0; float: right; list-style-type: none; width: auto; display: inline-block; white-space: nowrap; height: 120px; }
#navigation ul a { font-family: 'semplicitapro'; font-weight: 400; font-size: 1.3em; color: rgb(255, 236, 207); text-decoration: none; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
#navigation ul li { margin: 48px 0 0 65px; padding: 0; float: left; width: auto; height: 20px; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation ul li a:hover, #navigation ul li a:active { color: rgb(40, 35, 30); }
a.gift-cards { background: rgb(129, 186, 45); float: right; margin: 29px 60px 0 65px; padding: 0; width: 170px; height: 60px; font-family: 'semplicitapro'; font-weight: 400; font-size: 1.3em; color: rgb(255, 236, 207); line-height: 3em; text-align: center; text-decoration: none; border: solid 1px rgb(255, 236, 207); border-radius: 10px; z-index: 150; -o-transition: background .3s ease-out; -ms-transition: background .3s ease-out; -moz-transition: background .3s ease-out; -webkit-transition: background .3s ease-out; transition: background .3s ease-out; }
a.gift-cards:hover, a.gift-cards:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
#nav-brand { background-color: rgb(40, 35, 30); margin: 0; padding: 0; top: 0; left: 0; position: relative; width: 100%; height: 60px; z-index: 11000; }
#navigation-secondary { margin: 0; padding: 0; position: absolute; right: 0; width: 100%; }
.restaurant { margin: 18px 0 0 62px; padding: 0; float: left; width: auto; text-align: left; z-index: 100; }
a.nav-restaurant { font-family: 'semplicitapro'; font-weight: 400; font-style: italic; font-weight: 300; font-size: 1.25em; color: rgb(255, 236, 207); text-decoration: none; }
a.nav-restaurant:hover, a.nav-restaurant:active { color: rgb(255, 255, 255); }
#navigation-secondary ul { margin: 0; padding: 0; float: right; list-style-type: none; width: auto; display: inline-block; white-space: nowrap; height: 60px; }
#navigation-secondary ul a { font-family: 'semplicitapro'; font-weight: 400; font-weight: 300; font-size: 1.2em; color: rgb(129, 186, 45); text-decoration: none; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
#navigation-secondary ul li { margin: 19px 60px 0 0; padding: 0; float: left; width: auto; height: 18px; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation-secondary ul li a:hover, #navigation-secondary ul li a:active { color: rgb(255, 236, 207); }
a.contact { float: right; margin: 19px 60px 0 0; padding: 0; width: auto; height: 18px; font-family: 'semplicitapro'; font-weight: 400; font-size: 1.2em; text-align: left; color: rgb(255, 236, 207); text-decoration: none; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
a.contact:hover, a.contact:active { color: rgb(255, 255, 255); }
.brand { background-image: url('https://www.thegilmorecollection.com/img/hero-bluewater-garden-2560.jpg'); background-position: center top; background-size: cover; float: left; margin: 0; padding: 0; width: 100%; height: 100vh; z-index: 100; }
.logo { position: relative; margin: 9% auto 0 auto; padding: 180px 0 0 0; width: 450px; z-index: 100; }
h1 { float: left; clear: both; margin: 7% 0 0 25%; padding: 0; width: 50%; font-family: 'stilson-display-condensed'; font-size: 3.8em; font-weight: 300; color: rgb(255, 236, 207); line-height: 1.2em; text-align: center; z-index: 100; }
#scroll-arrow { position: absolute; bottom: 70px; left: 50%; width: 66px; height: 66px; margin-left: -33px; }
#green-arrow { position: absolute; left: 0; top: 0; width: 66px; height: 66px; z-index: 300; }
#sonar { position: absolute; top: 0; left: 0; width: 66px; height: 66px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius: 100%; opacity: 0; -webkit-animation: arrow 2s infinite; animation: arrow 2s infinite; box-sizing: border-box; -webkit-backface-visibility: hidden; z-index: 200; }
@-webkit-keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 66px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
@keyframes arrow { 0% { opacity: 0; } 30% { opacity: 1; } 60% { box-shadow: 0 0 0 66px rgba(255,255,255,.1); opacity: 0; } 100% { opacity: 0; } }
.copy { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; text-align: center; }
.photo-header { background: rgb(255, 236, 207); float: left; margin: 0; padding: 4% 0 3.5% 0; width: 100%; z-index: 150; }
.more-photos-header { float: left; margin: 5% 0 2% 25%; padding-bottom: 2%; width: 50%; z-index: 150; border-bottom: solid 1px rgb(200, 180, 160); }
.header { font-family: 'futura-pt-bold'; font-size: 1.6em; color: rgb(40, 35, 30); text-transform: uppercase; }
.photo-wrapper { float: left; margin: 0; padding: 0; width: 100%; z-index: 150; border-top: solid 1px rgb(255, 236, 207); border-right: solid 1px rgb(255, 236, 207); }
.photo-image { float: left; margin: 0; padding: 0; width: 19.9325%; z-index: 160; border-left: solid 1px rgb(255, 236, 207); border-bottom: solid 1px rgb(255, 236, 207); overflow: hidden; }
a.imgal { border: none; }
.border { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#gallery-wrapper { background-color: rgb(0, 0, 0); position: fixed; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#gallery-container { float: left; margin: 1% 0 0 15%; padding: 0; width: 70%; text-align: center; z-index: 500; -webkit-transform: translate3d(0,0,0); }
#close { position: absolute; top: 2%; right: 4%; width: 46px; height: 46px; z-index: 600; }
.narrative { float: left; margin: 0 0 0 25%; padding: 0; width: 50%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.3em; color: rgb(40, 35, 30); line-height: 2em; text-align: center; z-index: 150; }
.button-box { float: left; margin: 3% 0 6% 0; padding: 0; width: 100%; height: 85px; text-align: center; }
a.photos-button { background: rgb(129, 186, 45); position: absolute; margin: 0 0 0 -140px; padding: 0; width: 280px; height: 85px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.4em; color: rgb(255, 236, 207); line-height: 3.8em; text-align: center; text-decoration: none; border-radius: 10px; z-index: 150; -o-transition: background .2s ease-out; -ms-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -webkit-transition: background .2s ease-out; transition: background .2s ease-out; }
a.photos-button:hover, a.photos-button:active { background: rgb(40, 35, 30); color: rgb(255, 236, 207); }
.experience { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.experience-copy { float: left; margin: 4% 0 3% 20%; padding: 0; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.3em; color: rgb(255, 236, 207); line-height: 2.4em; text-align: center; z-index: 150; }
.experience-headline { font-family: 'thirsty-script'; font-size: 2.4em; color: rgb(255, 249, 239); }
.section-green { background: rgb(129, 186, 45); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.section-blonde { background: rgb(255, 236, 207); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.image-about-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-about { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-about-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-about:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-menu-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-menu { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-menu-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-menu:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-garden-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-garden { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-garden-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-garden:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-events-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-events { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-events-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-events:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-specials-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-specials { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-specials-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-specials:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-gallery-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-gallery { background-image: url('https://www.thegilmorecollection.com/img/square-bluewater-gallery-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; height: 0; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-gallery:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.section-wrapper-about, .section-wrapper-garden, .section-wrapper-specials { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-menu, .section-wrapper-events, .section-wrapper-gallery { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-copy-about, .section-copy-garden, .section-copy-specials { position: relative; margin-top: 30%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-menu, .section-copy-events, .section-copy-gallery { position: relative; margin-top: 30%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.tagline { float: left; margin: 0 0 0 18%; padding: 0; width: 60%; font-family: 'thirsty-script'; font-size: 3em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 0 0 0 18%; padding: 0; width: 60%; font-family: 'thirsty-script'; font-size: 3em; color: rgb(40, 35, 30); text-align: left;  z-index: 150; }
.section-copy-right { float: left; margin: 0; padding: 0 0 0 18%; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.4em; color: rgb(255, 236, 207); line-height: 1.6em; text-align: left; }
.section-copy-left { float: left; margin: 0; padding: 0 0 0 18%; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.4em; color: rgb(40, 35, 30); line-height: 1.6em; text-align: left; }
a.section-button { background: rgb(129, 186, 45); float: left; margin: 3% 0 36% 18%; padding: 0; width: 280px; height: 80px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.3em; color: rgb(255, 236, 207); line-height: 4em; text-align: center; text-decoration: none; border: solid 2px rgb(255, 236, 207); border-radius: 10px; z-index: 150; -o-transition: background .4s ease-out; -ms-transition: background .4s ease-out; -moz-transition: background .4s ease-out; -webkit-transition: background .4s ease-out; transition: background .4s ease-out; }
a.section-button:hover, a.section-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
a.section-button-brown { background: rgb(255, 236, 207); float: left; margin: 3% 0 36% 18%; padding: 0; width: 280px; height: 80px; font-family: 'semplicitapro'; font-weight: 700; font-size: 1.3em; color: rgb(40, 35, 30); line-height: 4em; text-align: center; text-decoration: none; border: solid 2px rgb(40, 35, 30); border-radius: 10px; z-index: 150; -o-transition: background .4s ease-out; -ms-transition: background .4s ease-out; -moz-transition: background .4s ease-out; -webkit-transition: background .4s ease-out; transition: background .4s ease-out; }
a.section-button-brown:hover, a.section-button-brown:active { background: rgb(129, 186, 45); color: rgb(255, 236, 307); border: solid 2px rgb(129, 186, 45); }

}