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

/* Global */

html, body { background-color: rgb(129, 186, 45); margin: 0; padding: 0; width: 100%; 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; }
#container { background-color: rgb(255, 235, 207); margin: 0; padding: 0; float: left; clear: both; width: 100%; overflow: hidden; }
.feature-wrapper { border-top: solid 1px rgb(100, 90, 80); border-bottom: solid 1px rgb(100, 90, 80); }
.highlight { font-family: 'semplicitapro'; font-weight: 400; font-weight: bold; color: rgb(40, 35, 30); }
.highlight-feature { font-family: 'semplicitapro'; font-weight: 400; font-weight: bold; }
.highlight-light { font-family: 'semplicitapro'; font-weight: 400; font-weight: bold; color: rgb(255, 249, 239); }
.italic { font-family: 'semplicitapro'; font-weight: 400; font-weight: bold; font-style: italic; color: rgb(40, 35, 30); }
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; }
a.white { 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.white:hover, a.white:active { font-family: 'semplicitapro'; font-weight: 400; color: rgb(255, 255, 255); font-weight: bold; }
.green { color: rgb(129, 186, 45); }
.white { color: rgb(255, 255, 255); }
.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: .1em; }
@-moz-document url-prefix() { select { color: transparent !important; text-shadow: 0 0 0 rgb(255, 236, 207) !important; } }

/* 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(255, 236, 207); 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-gilmore-index-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(255, 236, 207); 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-gilmore-index-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: 50px auto 0 auto; padding: 0; width: 180px; z-index: 100; }
h1 { float: left; margin: 8% 0 0 5%; padding: 0; width: 90%; 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; }
.sub-text { float: left; clear: both; margin: 0 0 0 15%; padding: 0; width: 70%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.1em; color: rgb(255, 255, 255); line-height: 1.3em; text-align: center; z-index: 100; }
.button-box-togo { float: left; margin: 8% 0 0 0; padding: 0; width: 100%; height: 80px; text-align: center; }
a.togo-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.togo-button:hover, a.togo-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
#news { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.news-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; }
.news-headline { font-family: 'thirsty-script'; font-size: 2em; color: rgb(255, 249, 239); }
.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-green-wrapper { float: left; margin: 0; padding: 0; width: 100%; overflow: hidden; z-index: 100; }
.image-green-mobile { background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%;  height: 0; overflow: hidden; z-index: 100; }
.image-green { display: none; }
.image-blonde-wrapper { float: right; margin: 0; padding: 0; width: 100%; overflow: hidden; z-index: 100; }
.image-blonde-mobile { background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%;  height: 0; overflow: hidden; z-index: 100; }
.image-blonde { display: none; }
.image-restaurants-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-restaurants-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; overflow: hidden; z-index: 100; }
.image-restaurants { display: none; }
.image-entertainment-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-entertainment-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-entertainment { display: none; }
.image-craftbeer-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-craftbeer-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-craftbeer { display: none; }
.image-lodging-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-lodging-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-lodging { display: none; }
.image-catering-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-catering-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; overflow: hidden; z-index: 100; }
.image-catering { display: none; }
.image-giftcards-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-giftcards-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-giftcards { display: none; }
.image-gregslist-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-gregslist-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-gregslist { display: none; }
.image-careers-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-careers-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-careers { display: none; }
.image-sustainability-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-sustainability-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-sustainability { display: none; }
.image-story-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-story-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-story { display: none; }
.section-wrapper-green { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-blonde { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-restaurants, .section-wrapper-craftbeer, .section-wrapper-catering, .section-wrapper-gregslist, .section-wrapper-sustainability { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-entertainment, .section-wrapper-lodging, .section-wrapper-giftcards, .section-wrapper-careers, .section-wrapper-story { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-copy-green { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-blonde { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-restaurants, .section-copy-craftbeer, .section-copy-catering, .section-copy-gregslist, .section-copy-sustainability { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-entertainment, .section-copy-lodging, .section-copy-giftcards, .section-copy-careers, .section-copy-story { 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: 80%; font-family: 'thirsty-script'; font-size: 1.8em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 12% 0 0 15%; padding: 0; width: 80%; font-family: 'thirsty-script'; font-size: 1.8em; 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 16% 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 16% 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-gilmore-index-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-gilmore-index-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: 60px auto 0 auto; padding: 0; width: 200px; z-index: 100; }
h1 { float: left; margin: 8% 0 0 5%; padding: 0; width: 90%; font-family: 'stilson-display-condensed'; font-size: 1.9em; font-weight: 300; color: rgb(255, 236, 207); line-height: 1.2em; text-align: center; z-index: 100; }
.sub-text { float: left; clear: both; margin: 0 0 0 15%; padding: 0; width: 70%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.1em; color: rgb(255, 255, 255); line-height: 1.3em; text-align: center; z-index: 100; }
.button-box-togo { float: left; margin: 8% 0 0 0; padding: 0; width: 100%; height: 75px; text-align: center; }
a.togo-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.togo-button:hover, a.togo-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
#news { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.news-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; }
.news-headline { font-family: 'thirsty-script'; font-size: 2em; color: rgb(255, 249, 239); }
.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-green-wrapper { float: left; margin: 0; padding: 0; width: 100%; overflow: hidden; z-index: 100; }
.image-green-mobile { background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%;  height: 0; overflow: hidden; z-index: 100; }
.image-green { display: none; }
.image-blonde-wrapper { float: right; margin: 0; padding: 0; width: 100%; overflow: hidden; z-index: 100; }
.image-blonde-mobile { background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%;  height: 0; overflow: hidden; z-index: 100; }
.image-blonde { display: none; }
.image-restaurants-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-restaurants-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; overflow: hidden; z-index: 100; }
.image-restaurants { display: none; }
.image-entertainment-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-entertainment-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-entertainment { display: none; }
.image-craftbeer-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-craftbeer-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-craftbeer { display: none; }
.image-lodging-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-lodging-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-lodging { display: none; }
.image-catering-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-catering-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; overflow: hidden; z-index: 100; }
.image-catering { display: none; }
.image-giftcards-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-giftcards-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-giftcards { display: none; }
.image-gregslist-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-gregslist-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-gregslist { display: none; }
.image-careers-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-careers-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-careers { display: none; }
.image-sustainability-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-sustainability-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-sustainability { display: none; }
.image-story-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-story-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-story { display: none; }
.section-wrapper-green { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-blonde { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-restaurants, .section-wrapper-craftbeer, .section-wrapper-catering, .section-wrapper-gregslist, .section-wrapper-sustainability { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-entertainment, .section-wrapper-lodging, .section-wrapper-giftcards, .section-wrapper-careers, .section-wrapper-story { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-copy-green { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-blonde { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-restaurants, .section-copy-craftbeer, .section-copy-catering, .section-copy-gregslist, .section-copy-sustainability { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-entertainment, .section-copy-lodging, .section-copy-giftcards, .section-copy-careers, .section-copy-story { 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: 75%; font-family: 'thirsty-script'; font-size: 2em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 12% 0 0 15%; padding: 0; width: 75%; font-family: 'thirsty-script'; font-size: 2em; 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 16% 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 16% 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-gilmore-index-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-gilmore-index-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: 80px auto 0 auto; padding: 0; width: 46%; z-index: 100; }
h1 { float: left; margin: 8% 0 0 10%; padding: 0; width: 80%; font-family: 'stilson-display-condensed'; font-size: 2.8em; font-size: 7vw; font-weight: 300; color: rgb(255, 236, 207); line-height: 1.2em; text-align: center; z-index: 100; }
.sub-text { float: left; clear: both; margin: 0 0 0 15%; padding: 0; width: 70%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.1em; color: rgb(255, 255, 255); line-height: 1.3em; text-align: center; z-index: 100; }
.button-box-togo { float: left; margin: 6% 0 0 0; padding: 0; width: 100%; height: 80px; text-align: center; }
a.togo-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.togo-button:hover, a.togo-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
#news { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.news-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; }
.news-headline { font-family: 'thirsty-script'; font-size: 2.2em; color: rgb(255, 249, 239); }
.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-green-wrapper { float: left; margin: 0; padding: 0; width: 100%; overflow: hidden; z-index: 100; }
.image-green-mobile { background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%;  height: 0; overflow: hidden; z-index: 100; }
.image-green { display: none; }
.image-blonde-wrapper { float: right; margin: 0; padding: 0; width: 100%; overflow: hidden; z-index: 100; }
.image-blonde-mobile { background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%;  height: 0; overflow: hidden; z-index: 100; }
.image-blonde { display: none; }
.image-restaurants-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-restaurants-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; overflow: hidden; z-index: 100; }
.image-restaurants { display: none; }
.image-entertainment-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-entertainment-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-entertainment { display: none; }
.image-craftbeer-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-craftbeer-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-craftbeer { display: none; }
.image-lodging-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-lodging-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-lodging { display: none; }
.image-catering-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-catering-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; position: relative; width: 100%; overflow: hidden; z-index: 100; }
.image-catering { display: none; }
.image-giftcards-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-giftcards-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-giftcards { display: none; }
.image-gregslist-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-gregslist-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-gregslist { display: none; }
.image-careers-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-careers-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-careers { display: none; }
.image-sustainability-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-sustainability-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-sustainability { display: none; }
.image-story-wrapper { background-image: url('https://www.thegilmorecollection.com/img/gilmore-story-1440.jpg'); background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%; overflow: hidden; z-index: 100; }
.image-story { display: none; }
.section-wrapper-green { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-blonde { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-restaurants, .section-wrapper-craftbeer, .section-wrapper-catering, .section-wrapper-gregslist, .section-wrapper-sustainability { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-wrapper-entertainment, .section-wrapper-lodging, .section-wrapper-giftcards, .section-wrapper-careers, .section-wrapper-story { float: left; margin: 0; padding: 0; width: 100%; height: auto; }
.section-copy-green { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-blonde { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-restaurants, .section-copy-craftbeer, .section-copy-catering, .section-copy-gregslist, .section-copy-sustainability { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-entertainment, .section-copy-lodging, .section-copy-giftcards, .section-copy-careers, .section-copy-story { position: relative; margin: 0; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.tagline { float: left; margin: 18% 0 0 20%; padding: 0; width: 65%; font-family: 'thirsty-script'; font-size: 2.2em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 18% 0 0 20%; padding: 0; width: 65%; font-family: 'thirsty-script'; font-size: 2.2em; 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 20% 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 20% 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-gilmore-index-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: 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-gilmore-index-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: 110px auto 0 auto; padding: 0; width: 300px; z-index: 100; }
h1 { float: left; margin: 8% 0 0 10%; padding: 0; width: 80%; 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; }
.sub-text { float: left; clear: both; margin: 0 0 0 20%; padding: 0; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(255, 255, 255); line-height: 1.4em; text-align: center; z-index: 100; }
.button-box-togo { float: left; margin: 4% 0 0 0; padding: 0; width: 100%; height: 80px; text-align: center; }
a.togo-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.togo-button:hover, a.togo-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
#news { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.news-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; }
.news-headline { font-family: 'thirsty-script'; font-size: 2.2em; color: rgb(255, 249, 239); }
.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-green-wrapper { float: left; margin: 0; padding: 0; width: 50%; overflow: hidden; z-index: 100; }
.image-green-mobile { background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%;  height: 0; overflow: hidden; z-index: 100; }
.image-green { display: none; }
.image-blonde-wrapper { float: right; margin: 0; padding: 0; width: 50%; overflow: hidden; z-index: 100; }
.image-blonde-mobile { background-size: cover; background-position: center; margin: 0; padding-top: 100%; float: left; width: 100%;  height: 0; overflow: hidden; z-index: 100; }
.image-blonde { display: none; }
.image-restaurants-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-restaurants-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-restaurants { display: none; }
.image-entertainment-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-entertainment-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-entertainment { display: none; }
.image-craftbeer-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-craftbeer-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-craftbeer { display: none; }
.image-lodging-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-lodging-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-lodging { display: none; }
.image-catering-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-catering-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-catering { display: none; }
.image-giftcards-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-giftcards-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-giftcards { display: none; }
.image-gregslist-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-gregslist-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-gregslist { display: none; }
.image-careers-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-careers-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-careers { display: none; }
.image-sustainability-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-sustainability-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-sustainability { display: none; }
.image-story-wrapper { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-story-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-story { display: none; }
.section-wrapper-green { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-blonde { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-restaurants, .section-wrapper-craftbeer, .section-wrapper-catering, .section-wrapper-gregslist, .section-wrapper-sustainability { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-entertainment, .section-wrapper-lodging, .section-wrapper-giftcards, .section-wrapper-careers, .section-wrapper-story { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-copy-green { position: relative; margin-top: 20%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-blonde { position: relative; margin-top: 20%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-restaurants, .section-copy-craftbeer, .section-copy-catering, .section-copy-gregslist, .section-copy-sustainability { position: relative; margin-top: 20%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-entertainment, .section-copy-lodging, .section-copy-giftcards, .section-copy-careers, .section-copy-story { 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: 75%; font-family: 'thirsty-script'; font-size: 2em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 0 0 0 15%; padding: 0; width: 75%; font-family: 'thirsty-script'; font-size: 2em; 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 0 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 0 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-gilmore-index-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: 7% auto 0 auto; padding: 100px 0 0 0; width: 300px; z-index: 100; }
h1 { float: left; clear: both; margin: 6% 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; }
.sub-text { float: left; clear: both; margin: 0 0 0 20%; padding: 0; width: 60%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.2em; color: rgb(255, 255, 255); line-height: 1.4em; text-align: center; z-index: 100; }
.button-box-togo { float: left; margin: 4% 0 0 0; padding: 0; width: 100%; height: 80px; text-align: center; }
a.togo-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.togo-button:hover, a.togo-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
#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; } }
#news { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.news-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; }
.news-headline { font-family: 'thirsty-script'; font-size: 2em; color: rgb(255, 249, 239); }
.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-green-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-green { 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-green: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-blonde-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-blonde { 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-blonde: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-restaurants-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-restaurants { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-restaurants-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-restaurants: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-entertainment-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-entertainment { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-entertainment-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-entertainment: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-craftbeer-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-craftbeer { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-craftbeer-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-craftebeer: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-lodging-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-lodging { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-lodging-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-lodging: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-catering-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-catering { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-catering-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-catering: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-giftcards-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-giftcards { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-giftcards-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-giftcards: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-gregslist-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-gregslist { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-gregslist-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-gregslist: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-careers-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-careers { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-careers-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-careers: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-sustainability-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-sustainability { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-sustainability-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-sustainability: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-story-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-story { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-story-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-story: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-green { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-blonde { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-restaurants, .section-wrapper-craftbeer, .section-wrapper-catering, .section-wrapper-gregslist, .section-wrapper-sustainability { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-entertainment, .section-wrapper-lodging, .section-wrapper-giftcards, .section-wrapper-careers, .section-wrapper-story { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-copy-green { position: relative; margin-top: 25%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-blonde { position: relative; margin-top: 25%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-restaurants, .section-copy-craftbeer, .section-copy-catering, .section-copy-gregslist, .section-copy-sustainability { position: relative; margin-top: 25%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-entertainment, .section-copy-lodging, .section-copy-giftcards, .section-copy-careers, .section-copy-story { 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: 65%; font-family: 'thirsty-script'; font-size: 2.2em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 0 0 0 15%; padding: 0; width: 65%; font-family: 'thirsty-script'; font-size: 2.2em; 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 0 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 0 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: 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 50px 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-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-gilmore-index-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: 8% auto 0 auto; padding: 120px 0 0 0; width: 320px; 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.6em; font-weight: 300; color: rgb(255, 236, 207); line-height: 1.2em; text-align: center; z-index: 100; }
.sub-text { float: left; clear: both; margin: 0 0 0 25%; padding: 0; width: 50%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.3em; color: rgb(255, 255, 255); line-height: 1.5em; text-align: center; z-index: 100; }
.button-box-togo { float: left; margin: 4% 0 0 0; padding: 0; width: 100%; height: 85px; text-align: center; }
a.togo-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.togo-button:hover, a.togo-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
#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; } }
#news { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.news-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; }
.news-headline { font-family: 'thirsty-script'; font-size: 2.2em; color: rgb(255, 249, 239); }
.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-green-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-green { 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-green: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-blonde-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-blonde { 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-blonde: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-restaurants-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-restaurants { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-restaurants-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-restaurants: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-entertainment-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-entertainment { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-entertainment-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-entertainment: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-craftbeer-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-craftbeer { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-craftbeer-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-craftbeer: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-lodging-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-lodging { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-lodging-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-lodging: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-catering-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-catering { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-catering-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-catering: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-giftcards-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-giftcards { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-giftcards-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-giftcards: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-gregslist-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-gregslist { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-gregslist-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-gregslist: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-careers-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-careers { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-careers-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-careers: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-sustainability-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-sustainability { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-sustainability-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-sustainability: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-story-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-story { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-story-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-story: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-green { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-blonde { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-restaurants, .section-wrapper-craftbeer, .section-wrapper-catering, .section-wrapper-gregslist, .section-wrapper-sustainability { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-entertainment, .section-wrapper-lodging, .section-wrapper-giftcards, .section-wrapper-careers, .section-wrapper-story { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-copy-green { position: relative; margin-top: 28%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-blonde { position: relative; margin-top: 28%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-restaurants, .section-copy-craftbeer, .section-copy-catering, .section-copy-gregslist, .section-copy-sustainability { position: relative; margin-top: 28%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-entertainment, .section-copy-lodging, .section-copy-giftcards, .section-copy-careers, .section-copy-story { 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: 65%; font-family: 'thirsty-script'; font-size: 2.4em; color: rgb(255, 236, 207); text-align: left;  z-index: 150; }
.tagline-brown { float: left; margin: 0 0 0 18%; padding: 0; width: 65%; 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 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 0 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 0 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-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-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-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: 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 65px 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-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-gilmore-index-2560.jpg'); background-position: center top; background-size: cover; float: left; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 200; }
.logo { position: relative; margin: 6% auto 0 auto; padding: 160px 0 0 0; width: 360px; z-index: 100; }
h1 { float: left; clear: both; margin: 5% 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; }
.sub-text { float: left; clear: both; margin: 0 0 0 25%; padding: 0; width: 50%; font-family: 'semplicitapro'; font-weight: 300; font-size: 1.3em; color: rgb(255, 255, 255); line-height: 1.5em; text-align: center; z-index: 100; }
.button-box-togo { float: left; margin: 4% 0 0 0; padding: 0; width: 100%; height: 85px; text-align: center; }
a.togo-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.togo-button:hover, a.togo-button:active { background: rgb(255, 236, 207); color: rgb(40, 35, 30); }
#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; } }
#news { background: rgb(40, 35, 30); margin: 0; padding: 0; float: left; width: 100%; height: auto; z-index: 100; }
.news-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; }
.news-headline { font-family: 'thirsty-script'; font-size: 2.4em; color: rgb(255, 249, 239); }
.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-green-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-green { 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-green: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-blonde-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-blonde { 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-blonde: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-restaurants-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-restaurants { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-restaurants-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-restaurants: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-entertainment-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-entertainment { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-entertainment-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-entertainment: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-craftbeer-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-craftbeer { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-craftbeer-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-craftbeer: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-lodging-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-lodging { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-lodging-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-lodging: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-catering-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-catering { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-catering-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-catering: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-giftcards-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-giftcards { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-giftcards-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-giftcards: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-gregslist-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-gregslist { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-gregslist-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-gregslist: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-careers-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-careers { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-careers-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-careers: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-sustainability-wrapper { margin: 0; padding: 0; float: left; width: 50%; overflow: hidden; z-index: 100; }
.image-sustainability { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-sustainability-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-sustainability: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-story-wrapper { margin: 0; padding: 0; float: right; width: 50%; overflow: hidden; z-index: 100; }
.image-story { background-image: url('https://www.thegilmorecollection.com/img/square-gilmore-story-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-story: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-green { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-blonde { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-restaurants, .section-wrapper-craftbeer, .section-wrapper-catering, .section-wrapper-gregslist, .section-wrapper-sustainability { float: right; margin: 0; padding: 0; width: 50%; height: auto; }
.section-wrapper-entertainment, .section-wrapper-lodging, .section-wrapper-giftcards, .section-wrapper-careers, .section-wrapper-story { float: left; margin: 0; padding: 0; width: 50%; height: auto; }
.section-copy-green { position: relative; margin-top: 30%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-blonde { position: relative; margin-top: 30%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-restaurants, .section-copy-craftbeer, .section-copy-catering, .section-copy-gregslist, .section-copy-sustainability { position: relative; margin-top: 30%; left: 0; padding: 0; width: 100%; z-index: 150; text-align: left; }
.section-copy-entertainment, .section-copy-lodging, .section-copy-giftcards, .section-copy-careers, .section-copy-story { 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: 65%; 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: 65%; 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: 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 0 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 0 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); }

}