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

/* Global */

html, body { background-color: rgb(120, 110, 100); margin: 0; padding: 0; font-family: 'proxima-nova'; font-style: normal; font-weight: 400; font-size: 18px;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }
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; }
.fixedPosition { overflow: hidden }
#main-wrapper { margin: 0; padding: 0; top: 0; left: 0; position: relative; clear: both; width: 100%; height: 100%; z-index: 700; }
#content-wrapper { float: left; width: 100%; height: auto; overflow: hidden; z-index: 600; border-top: 1px solid rgb(255, 245, 230); }
a.red { color: rgb(180, 80, 60);; 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.red:hover, a.red:active { color: rgb(255, 255, 255); }
.red { color: rgb(180, 80, 60);; }
a.red-bold { font-weight: 600; color: rgb(180, 80, 60);; text-decoration: none; cursor: pointer; }
.white-bold { font-weight: 600; color: rgb(255, 255, 255); }
.white { color: rgb(255, 255, 255); }
.kerning { letter-spacing: .05em; }
a:active, a:focus { outline: none; }


/* Mobile Small */
@media screen
and (max-width: 374px) {
	
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-374.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
	
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {

#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-374x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }

}
	
/* nav styles */

.nav-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 800; }
.black-box { background-color: rgb(255, 245, 230); position: absolute; top: 0; left: 0; width: 100%; height: 110px; z-index: 100; }
.logo-wrapper { position: absolute; top: 24px; left: 0; width: 100%; height: auto; text-align: center; z-index: 400; display: block; }
.redstone-inn-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 150px; height: auto; }
#navigation { display: none; }

/* hero styles */

@media screen and (orientation:portrait) {
#header-wrapper { float: left; clear: both; width: 100%; height: 100vh; z-index: 100; }
.brand { float: left; width: 100%; height: 100%; z-index: 200; }
}
@media screen and (orientation:landscape) {
#header-wrapper { float: left; clear: both; width: 100%; height: auto; z-index: 100; }
.brand { float: left; width: 100%; height: auto; z-index: 200; }
}
h1 { float: left; clear: both; margin: 200px 0 0 10%; width: 80%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 2.4rem; color: rgb(255, 255, 255); line-height: 1em; text-align: center; z-index: 100; }
.tagline { float: left; clear: both; margin: 10px 0 0 10%; width: 80%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(255, 255, 255); line-height: 1.3em; text-align: center; z-index: 100; }
.button-box-header { float: left; clear: both; margin: 30px 0 0 10%; width: 80%; height: 55px; text-align: center; }
a.header-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 0 0 -100px; width: 200px; height: 55px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(255, 255, 255); line-height: 3em; text-align: center; text-decoration: none; border-radius: 5px; z-index: 150; }

/* main content styles */

.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-374.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-374x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
}
.intro { float: left; margin: 0 0 0 10%; padding: 50px 0 50px 0; width: 80%; }
.intro-display { float: left; clear: both; width: 100%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 1.6rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.intro-copy { float: left; clear: both; margin: 30px 0 0 0; width: 100%; font-family: 'proxima-nova'; font-weight: 300; font-size: .95rem; color: rgb(120, 110, 100); line-height: 1.5em; text-align: left; }
.intro-spacer-icon { position: relative; margin: 30px auto 0 auto; width: 25px; height: 57px; }
	
.explore-white-wrapper { background: rgb(255, 255, 255); float: left; width: 100%; }
.explore-tan-wrapper { background: rgb(255, 245, 230); float: left; width: 100%; }
.explore-left { float: left; width: 100%; }
.explore-outer { float: left; margin: 50px 0 50px 0; width: 100%; }
.explore-inner { float: left; width: 100%;  }
.explore-right { float: right; width: 100%; }
.explore-photo { float: left; width: 100%; }
.explore-display { float: left; clear: both; width: 100%; font-family: 'semplicitapro'; font-weight: 500; font-size: 1.6rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.explore-copy { float: left; clear: both; margin: 30px 0 0 8%; width: 84%; font-family: 'proxima-nova'; font-weight: 300; font-size: .95rem; color: rgb(120, 110, 100); line-height: 1.5em; text-align: center; }
.explore-spacer-icon { position: relative; margin: 0 auto 30px auto; width: 25px; height: 57px; }
.button-box-explore { float: left; clear: both; margin: 30px 0 0 0; width: 100%; height: 55px; text-align: center; }
a.explore-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 auto 0 -100px; width: 200px; height: 55px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(255, 255, 255); line-height: 3em; text-align: center; text-decoration: none; border-radius: 5px; z-index: 150; }

}

/* Mobile */
@media screen
and (min-width: 375px)
and (max-width: 480px) {
	
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-480.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
	
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-480x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
}
	
/* nav styles */

.nav-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 800; }
.black-box { background-color: rgb(255, 245, 230); position: absolute; top: 0; left: 0; width: 100%; height: 120px; z-index: 100; }
.logo-wrapper { position: absolute; top: 28px; left: 0; width: 100%; height: auto; text-align: center; z-index: 400; display: block; }
.redstone-inn-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 160px; height: auto; }
#navigation { display: none; }

/* hero styles */

@media screen and (orientation:portrait) {
#header-wrapper { float: left; clear: both; width: 100%; height: 100vh; z-index: 100; }
.brand { float: left; width: 100%; height: 100%; z-index: 200; }
}
@media screen and (orientation:landscape) {
#header-wrapper { float: left; clear: both; width: 100%; height: auto; z-index: 100; }
.brand { float: left; width: 100%; height: auto; z-index: 200; }
}
h1 { float: left; clear: both; margin: 240px 0 0 10%; width: 80%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 2.6rem; color: rgb(255, 255, 255); line-height: 1em; text-align: center; z-index: 100; }
.tagline { float: left; clear: both; margin: 12px 0 0 10%; width: 80%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(255, 255, 255); line-height: 1.4em; text-align: center; z-index: 100; }
.button-box-header { float: left; clear: both; margin: 35px 0 0 10%; width: 80%; height: 58px; text-align: center; }
a.header-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 0 0 -110px; width: 220px; height: 58px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 5px; z-index: 150; }

/* main content styles */
	
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-480.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-480x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
}
.intro { float: left; margin: 0 0 0 10%; padding: 60px 0 60px 0; width: 80%; }
.intro-display { float: left; clear: both; width: 100%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 1.8rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.intro-copy { float: left; clear: both; margin: 35px 0 0 0; width: 100%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(120, 110, 100); line-height: 1.6em; text-align: left; }
.intro-spacer-icon { position: relative; margin: 35px auto 0 auto; width: 28px; height: 64px; }
	
.explore-white-wrapper { background: rgb(255, 255, 255); float: left; width: 100%; }
.explore-tan-wrapper { background: rgb(255, 245, 230); float: left; width: 100%; }
.explore-left { float: left; width: 100%; }
.explore-outer { float: left; margin: 60px 0 60px 0; width: 100%; }
.explore-inner { float: left; width: 100%;  }
.explore-right { float: right; width: 100%; }
.explore-photo { float: left; width: 100%; }
.explore-display { float: left; clear: both; width: 100%; font-family: 'semplicitapro'; font-weight: 500; font-size: 1.8rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.explore-copy { float: left; clear: both; margin: 35px 0 0 8%; width: 84%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(120, 110, 100); line-height: 1.6em; text-align: center; }
.explore-spacer-icon { position: relative; margin: 0 auto 35px auto; width: 28px; height: 64px; }
.button-box-explore { float: left; clear: both; margin: 35px 0 0 0; width: 100%; height: 58px; text-align: center; }
a.explore-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 auto 0 -110px; width: 220px; height: 58px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 5px; z-index: 150; }
	
}

/* Mobile Large */
@media screen
and (min-width: 481px)
and (max-width: 767px) {
	
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-800.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
	
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-800x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
}
	
/* nav styles */

.nav-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 800; }
.black-box { background-color: rgb(255, 245, 230); position: absolute; top: 0; left: 0; width: 100%; height: 130px; z-index: 100; }
.logo-wrapper { position: absolute; top: 28px; left: 0; width: 100%; height: auto; text-align: center; z-index: 400; display: block; }
.redstone-inn-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 180px; height: auto; }
#navigation { display: none; }

/* hero styles */

@media screen and (orientation:portrait) {
#header-wrapper { float: left; clear: both; width: 100%; height: 100vh; z-index: 100; }
.brand { float: left; width: 100%; height: 100%; z-index: 200; }
}
@media screen and (orientation:landscape) {
#header-wrapper { float: left; clear: both; width: 100%; height: auto; z-index: 100; }
.brand { float: left; width: 100%; height: auto; z-index: 200; }
}
h1 { float: left; clear: both; margin: 270px 0 0 10%; width: 80%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 3.4rem; color: rgb(255, 255, 255); line-height: 1em; text-align: center; z-index: 100; }
.tagline { float: left; clear: both; margin: 14px 0 0 10%; width: 80%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(255, 255, 255); line-height: 1.6em; text-align: center; z-index: 100; }
.button-box-header { float: left; clear: both; margin: 40px 0 0 10%; width: 80%; height: 62px; text-align: center; }
a.header-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 0 0 -120px; width: 240px; height: 62px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 5px; z-index: 150; }

/* main content styles */
	
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-800.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-800x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
}
.intro { float: left; margin: 0 0 0 15%; padding: 80px 0 80px 0; width: 70%; }
.intro-display { float: left; clear: both; width: 100%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 2.4rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.intro-copy { float: left; clear: both; margin: 40px 0 0 0; width: 100%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(120, 110, 100); line-height: 1.8em; text-align: left; }
.intro-spacer-icon { position: relative; margin: 40px auto 0 auto; width: 34px; height: 78px; }
	
.explore-white-wrapper { background: rgb(255, 255, 255); float: left; width: 100%; }
.explore-tan-wrapper { background: rgb(255, 245, 230); float: left; width: 100%; }
.explore-left { float: left; width: 100%; }
.explore-outer { float: left; margin: 80px 0 80px 0; width: 100%; }
.explore-inner { float: left; width: 100%;  }
.explore-right { float: right; width: 100%; }
.explore-photo { float: left; width: 100%; }
.explore-display { float: left; clear: both; width: 100%; font-family: 'semplicitapro'; font-weight: 500; font-size: 2rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.explore-copy { float: left; clear: both; margin: 40px 0 0 10%; width: 80%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(120, 110, 100); line-height: 1.8em; text-align: center; }
.explore-spacer-icon { position: relative; margin: 0 auto 40px auto; width: 34px; height: 78px; }
.button-box-explore { float: left; clear: both; margin: 40px 0 0 0; width: 100%; height: 62px; text-align: center; }
a.explore-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 auto 0 -120px; width: 240px; height: 62px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 5px; z-index: 150; }

}

/* Tablet Vertical */
@media screen
and (min-width: 768px)
and (max-width: 1023px) {
	
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-1024.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
	
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-1024x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
}
	
/* nav styles */

.nav-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 800; }
.black-box { background-color: rgb(255, 245, 230); position: absolute; top: 0; left: 0; width: 100%; height: 140px; z-index: 100; }
.logo-wrapper { position: absolute; top: 25px; left: 0; width: 100%; height: auto; text-align: center; z-index: 400; display: block; }
.redstone-inn-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 200px; height: auto; }
#navigation { display: none; }

/* hero styles */

#header-wrapper { float: left; clear: both; width: 100%; height: 100vh; z-index: 100; }
.brand { float: left; width: 100%; height: 100%; z-index: 200; }
h1 { float: left; clear: both; margin: 300px 0 0 15%; width: 70%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 4.2rem; color: rgb(255, 255, 255); line-height: 1em; text-align: center; z-index: 100; }
.tagline { float: left; clear: both; margin: 14px 0 0 15%; width: 70%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(255, 255, 255); line-height: 1.7em; text-align: center; z-index: 100; }
.button-box-header { float: left; clear: both; margin: 40px 0 0 8%; width: 84%; height: 68px; text-align: center; }
a.header-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 0 0 -125px; width: 250px; height: 68px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(255, 255, 255); line-height: 3.1em; text-align: center; text-decoration: none; border-radius: 5px; z-index: 150; }

/* main content styles */
	
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-1024.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-1024x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
}
.intro { float: left; margin: 0 0 0 10%; padding: 120px 0 120px 0; width: 80%; }
.intro-display { float: left; clear: both; width: 100%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 2.8rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.intro-copy { float: left; clear: both; margin: 40px 0 0 0; width: 100%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(120, 110, 100); line-height: 1.9em; text-align: left; }
.intro-spacer-icon { position: relative; margin: 40px auto 0 auto; width: 40px; height: 91px; }
	
.explore-white-wrapper { background: rgb(255, 255, 255); float: left; width: 100%; }
.explore-tan-wrapper { background: rgb(255, 245, 230); float: left; width: 100%; }
.explore-left { float: left; width: 100%; }
.explore-outer { float: left; margin: 100px 0 100px 0; width: 100%; }
.explore-inner { float: left; width: 100%;  }
.explore-right { float: right; width: 100%; }
.explore-photo { float: left; width: 100%; }
.explore-display { float: left; clear: both; width: 100%; font-family: 'semplicitapro'; font-weight: 500; font-size: 2.4rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.explore-copy { float: left; clear: both; margin: 40px 0 0 12%; width: 76%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(120, 110, 100); line-height: 1.9em; text-align: center; }
.explore-spacer-icon { position: relative; margin: 0 auto 40px auto; width: 40px; height: 91px; }
.button-box-explore { float: left; clear: both; margin: 40px 0 0 0; width: 100%; height: 68px; text-align: center; }
a.explore-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 auto 0 -125px; width: 250px; height: 68px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(255, 255, 255); line-height: 3.1em; text-align: center; text-decoration: none; border-radius: 5px; z-index: 150; }

}

/* Tablet Horizontal & Small Screens */
@media screen
and (min-width: 1024px)
and (max-width: 1280px) {
	
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-1280.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
	
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-1280x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
}
	
/* nav styles */

.nav-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 800; }
.black-box { background-color: rgb(255, 245, 230); position: absolute; top: 0; left: 0; width: 100%; height: 124px; z-index: 100; }
.logo-wrapper { position: absolute; top: 27px; left: 0; width: 100%; height: auto; text-align: center; z-index: 400; display: block; }
.redstone-inn-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 170px; height: auto; }
#navigation { display: none; }

/* hero styles */

#header-wrapper { float: left; clear: both; width: 100%; height: 100vh; z-index: 100; }
.brand { float: left; width: 100%; height: 100%; z-index: 200; }
h1 { float: left; clear: both; margin: 280px 0 0 5%; width: 70%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 3.8rem; color: rgb(255, 255, 255); line-height: 1em; text-align: left; z-index: 100; }
.tagline { float: left; clear: both; margin: 12px 0 0 5%; width: 70%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(255, 255, 255); line-height: 1.5em; text-align: left; z-index: 100; }
.button-box-header { float: left; clear: both; margin: 35px 0 0 5%; width: 90%; height: 58px; text-align: left; }
a.header-button { background-color: rgb(180, 80, 60);; float: left; width: 220px; height: 58px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 5px; z-index: 150; }
	
/* main content styles */
	
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-1280.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-1280x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
}
.intro { float: left; margin: 0 0 0 15%; padding: 70px 0 70px 0; width: 70%; }
.intro-display { float: left; clear: both; width: 100%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 2.4rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.intro-copy { float: left; clear: both; margin: 35px 0 0 0; width: 100%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(120, 110, 100); line-height: 1.7em; text-align: left; }
.intro-spacer-icon { position: relative; margin: 35px auto 0 auto; width: 34px; height: 78px; }
	
.explore-white-wrapper { background: rgb(255, 255, 255); float: left; width: 100%; }
.explore-tan-wrapper { background: rgb(255, 245, 230); float: left; width: 100%; }
.explore-left { float: left; width: 50%; }
.explore-outer { position: relative; padding-top: 100%; width: 100%; }
.explore-inner { position: absolute; top: 50%; left: 0; margin: -210px 0 0 0; width: 100%; height: 420px;  }
.explore-right { float: right; width: 50%; }
.explore-photo { float: left; clear: both; width: 100%; }
.explore-display { float: left; clear: both; width: 100%; font-family: 'semplicitapro'; font-weight: 500; font-size: 1.8rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.explore-copy { float: left; clear: both; margin: 25px 0 0 10%; width: 80%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(120, 110, 100); line-height: 1.6em; text-align: center; }
.explore-spacer-icon { position: relative; margin: 0 auto 25px auto; width: 34px; height: 78px; }
.button-box-explore { float: left; clear: both; margin: 25px 0 0 0; width: 100%; height: 58px; text-align: center; }
a.explore-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 auto 0 -110px; width: 220px; height: 58px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 5px; z-index: 150; }
	
}

/* Desktop Medium */
@media screen
and (min-width: 1281px)
and (max-width: 1599px) {
	
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-1600.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
	
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-1600x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
}
	
/* nav styles */
	
.nav-wrapper { margin: 0; padding: 0; top: 0; left: 0; position: fixed; width: 100%; height: auto; z-index: 800; }
.black-box { background-color: rgb(255, 245, 230); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 128px; z-index: 100; }
.logo-wrapper { position: absolute; top: 25px; left: 5%; height: auto; text-align: left; z-index: 400; display: block; }
.redstone-inn-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 180px; height: auto; }
#navigation { margin: 0; padding: 0; position: absolute; right: 5%; width: 94%; z-index: 300; }
#navigation ul { margin: 0; padding: 0; float: right; list-style-type: none; width: 68%; display: inline-block; white-space: nowrap; height: 128px; }
#navigation ul a { font-family: 'semplicitapro'; font-weight: 500; font-size: 1rem; color: rgb(120, 110, 100); 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: 54px 40px 0 0; padding: 0; float: right; width: auto; height: 20px; line-height: 1em; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation ul li a:hover, #navigation ul li a:active { color: rgb(180, 80, 60);; }
.button-box-book { float: right; margin: 36px 0 0 0; padding: 0; width: 160px; height: 56px; text-align: left; }
a.book-button { background-color: rgb(180, 80, 60);; position: absolute; width: 160px; height: 58px; font-family: 'proxima-nova'; font-weight: 300; font-size: .95rem; color: rgb(255, 255, 255); line-height: 3.3em; text-align: center; text-decoration: none; border-radius: 5px; 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.book-button:hover, a.book-button:active { background: rgb(120, 110, 100); }

/* hero styles */
	
#header-wrapper { margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100vh; z-index: 100; }
.brand { float: left; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 200; }
h1 { float: left; clear: both; margin: 300px 0 0 5%; padding: 0; width: 50%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 4rem; color: rgb(255, 255, 255); line-height: 1em; text-align: left; z-index: 100; }
.tagline { float: left; clear: both; margin: 14px 0 0 5%; padding: 0; width: 60%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(255, 255, 255); line-height: 1.6em; text-align: left; z-index: 100; }
.button-box-header { float: left; clear: both; margin: 40px 0 0 5%; padding: 0; width: 240px; height: 62px; text-align: left; }
a.header-button { background-color: rgb(180, 80, 60);; position: absolute; width: 240px; height: 62px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 5px; 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.header-button:hover, a.header-button:active { background: rgb(255, 255, 255); color: rgb(120, 110, 100); }

/* main content styles */
	
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-1600.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-1600x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
}
.intro { float: left; margin: 0 0 0 18%; padding: 100px 0 100px 0; width: 64%; }
.intro-display { float: left; clear: both; width: 100%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 2.6rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.intro-copy { float: left; clear: both; margin: 40px 0 0 0; width: 100%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(120, 110, 100); line-height: 1.8em; text-align: left; }
.intro-spacer-icon { position: relative; margin: 40px auto 0 auto; width: 38px; height: 86px; }
	
.explore-white-wrapper { background: rgb(255, 255, 255); float: left; width: 100%; }
.explore-tan-wrapper { background: rgb(255, 245, 230); float: left; width: 100%; }
.explore-left { float: left; width: 50%; }
.explore-outer { position: relative; padding-top: 100%; width: 100%; }
.explore-inner { position: absolute; top: 50%; left: 0; margin: -260px 0 0 0; width: 100%; height: 520px;  }
.explore-right { float: right; width: 50%; }
.explore-photo { float: left; clear: both; width: 100%; }
.explore-display { float: left; clear: both; width: 100%; font-family: 'semplicitapro'; font-weight: 500; font-size: 2.2rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.explore-copy { float: left; clear: both; margin: 40px 0 0 12%; width: 76%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(120, 110, 100); line-height: 1.8em; text-align: center; }
.explore-spacer-icon { position: relative; margin: 0 auto 40px auto; width: 38px; height: 86px; }
.button-box-explore { float: left; clear: both; margin: 40px 0 0 0; width: 100%; height: 62px; text-align: center; }
a.explore-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 auto 0 -120px; width: 240px; height: 62px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 5px; 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.explore-button:hover, a.explore-button:active { background: rgb(120, 110, 100); color: rgb(255, 255, 255); }

}

/* Desktop Large */
@media screen
and (min-width: 1600px)
and (max-width: 1920px) {
	
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-1920.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
	
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-1920x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
}
	
/* nav styles */
	
.nav-wrapper { margin: 0; padding: 0; top: 0; left: 0; position: fixed; width: 100%; height: auto; z-index: 800; }
.black-box { background-color: rgb(255, 245, 230); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 140px; z-index: 100; }
.logo-wrapper { position: absolute; top: 25px; left: 6%; height: auto; text-align: left; z-index: 400; display: block; }
.redstone-inn-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 200px; height: auto; }
#navigation { margin: 0; padding: 0; position: absolute; right: 6%; width: 94%; z-index: 300; }
#navigation ul { margin: 0; padding: 0; float: right; list-style-type: none; width: 68%; display: inline-block; white-space: nowrap; height: 140px; }
#navigation ul a { font-family: 'semplicitapro'; font-weight: 500; font-size: 1.1rem; color: rgb(120, 110, 100); 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: 60px 45px 0 0; padding: 0; float: right; width: auto; height: 20px; line-height: 1em; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation ul li a:hover, #navigation ul li a:active { color: rgb(180, 80, 60);; }
.button-box-book { float: right; margin: 40px 0 0 0; padding: 0; width: 200px; height: 60px; text-align: left; }
a.book-button { background-color: rgb(180, 80, 60);; position: absolute; width: 200px; height: 60px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.1rem; color: rgb(255, 255, 255); line-height: 3.1em; text-align: center; text-decoration: none; border-radius: 5px; 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.book-button:hover, a.book-button:active { background: rgb(120, 110, 100); }

/* hero styles */
	
#header-wrapper { margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100vh; z-index: 100; }
.brand { float: left; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 200; }
h1 { float: left; clear: both; margin: 320px 0 0 6%; padding: 0; width: 50%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 4.5rem; color: rgb(255, 255, 255); line-height: 1em; text-align: left; z-index: 100; }
.tagline { float: left; clear: both; margin: 14px 0 0 6%; padding: 0; width: 60%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(255, 255, 255); line-height: 1.7em; text-align: left; z-index: 100; }
.button-box-header { float: left; clear: both; margin: 40px 0 0 6%; padding: 0; width: 250px; height: 68px; text-align: left; }
a.header-button { background-color: rgb(180, 80, 60);; position: absolute; width: 250px; height: 68px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(255, 255, 255); line-height: 3.1em; text-align: center; text-decoration: none; border-radius: 5px; 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.header-button:hover, a.header-button:active { background: rgb(255, 255, 255); color: rgb(120, 110, 100); }

/* main content styles */
	
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-1920.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-1920x2.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
}
.intro { float: left; margin: 0 0 0 20%; padding: 9% 0 9% 0; width: 60%; }
.intro-display { float: left; clear: both; width: 100%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 2.8rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.intro-copy { float: left; clear: both; margin: 40px 0 0 0; width: 100%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(120, 110, 100); line-height: 1.9em; text-align: left; }
.intro-spacer-icon { position: relative; margin: 40px auto 0 auto; width: 42px; height: 96px; }
	
.explore-white-wrapper { background: rgb(255, 255, 255); float: left; width: 100%; }
.explore-tan-wrapper { background: rgb(255, 245, 230); float: left; width: 100%; }
.explore-left { float: left; width: 50%; }
.explore-outer { position: relative; padding-top: 100%; width: 100%; }
.explore-inner { position: absolute; top: 50%; left: 0; margin: -270px 0 0 0; width: 100%; height: 540px;  }
.explore-right { float: right; width: 50%; }
.explore-photo { float: left; clear: both; width: 100%; }
.explore-display { float: left; clear: both; width: 100%; font-family: 'semplicitapro'; font-weight: 500; font-size: 2.6rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.explore-copy { float: left; clear: both; margin: 40px 0 0 12%; width: 76%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(120, 110, 100); line-height: 1.9em; text-align: center; }
.explore-spacer-icon { position: relative; margin: 0 auto 40px auto; width: 42px; height: 96px; }
.button-box-explore { float: left; clear: both; margin: 40px 0 0 0; width: 100%; height: 68px; text-align: center; }
a.explore-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 auto 0 -125px; width: 250px; height: 68px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(255, 255, 255); line-height: 3.1em; text-align: center; text-decoration: none; border-radius: 5px; 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.explore-button:hover, a.explore-button:active { background: rgb(120, 110, 100); color: rgb(255, 255, 255); }

}

/* Desktop HD */
@media screen
and (min-width: 1921px)
and (max-width: 2560px) {
	
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-2560.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
	
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-3840.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
}
	
/* nav styles */
	
.nav-wrapper { margin: 0; padding: 0; top: 0; left: 0; position: fixed; width: 100%; height: auto; z-index: 800; }
.black-box { background-color: rgb(255, 245, 230); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 160px; z-index: 100; }
.logo-wrapper { position: absolute; top: 25px; left: 6%; height: auto; text-align: left; z-index: 400; display: block; }
.redstone-inn-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 240px; height: auto; }
#navigation { margin: 0; padding: 0; position: absolute; right: 6%; width: 94%; z-index: 300; }
#navigation ul { margin: 0; padding: 0; float: right; list-style-type: none; width: 68%; display: inline-block; white-space: nowrap; height: 160px; }
#navigation ul a { font-family: 'semplicitapro'; font-weight: 500; font-size: 1.2rem; color: rgb(120, 110, 100); 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: 72px 60px 0 0; padding: 0; float: right; width: auto; height: 24px; line-height: 1em; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation ul li a:hover, #navigation ul li a:active { color: rgb(180, 80, 60);; }
.button-box-book { float: right; margin: 45px 0 0 0; padding: 0; width: 200px; height: 70px; text-align: left; }
a.book-button { background-color: rgb(180, 80, 60);; position: absolute; width: 220px; height: 70px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.2rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 6px; 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.book-button:hover, a.book-button:active { background: rgb(120, 110, 100); }

/* hero styles */
	
#header-wrapper { margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100vh; z-index: 100; }
.brand { float: left; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 200; }
h1 { float: left; clear: both; margin: 370px 0 0 6%; padding: 0; width: 50%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 5rem; color: rgb(255, 255, 255); line-height: 1em; text-align: left; z-index: 100; }
.tagline { float: left; clear: both; margin: 16px 0 0 6%; padding: 0; width: 60%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.3rem; color: rgb(255, 255, 255); line-height: 1.8em; text-align: left; z-index: 100; }
.button-box-header { float: left; clear: both; margin: 50px 0 0 6%; padding: 0; width: 270px; height: 78px; text-align: left; }
a.header-button { background-color: rgb(180, 80, 60);; position: absolute; width: 270px; height: 78px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.3rem; color: rgb(255, 255, 255); line-height: 3.3em; text-align: center; text-decoration: none; border-radius: 6px; 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.header-button:hover, a.header-button:active { background: rgb(255, 255, 255); color: rgb(120, 110, 100); }

/* main content styles */
	
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-2560.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-3840.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
}
.intro { float: left; margin: 0 0 0 22%; padding: 10% 0 10% 0; width: 56%; }
.intro-display { float: left; clear: both; width: 100%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 3.2rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.intro-copy { float: left; clear: both; margin: 50px 0 0 0; width: 100%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.3rem; color: rgb(120, 110, 100); line-height: 2em; text-align: left; }
.intro-spacer-icon { position: relative; margin: 50px auto 0 auto; width: 48px; height: 108px; }
	
.explore-white-wrapper { background: rgb(255, 255, 255); float: left; width: 100%; }
.explore-tan-wrapper { background: rgb(255, 245, 230); float: left; width: 100%; }
.explore-left { float: left; width: 50%; }
.explore-outer { position: relative; padding-top: 100%; width: 100%; }
.explore-inner { position: absolute; top: 50%; left: 0; margin: -310px 0 0 0; width: 100%; height: 620px;  }
.explore-right { float: right; width: 50%; }
.explore-photo { float: left; clear: both; width: 100%; }
.explore-display { float: left; clear: both; width: 100%; font-family: 'semplicitapro'; font-weight: 500; font-size: 3rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.explore-copy { float: left; clear: both; margin: 50px 0 0 15%; width: 70%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.3rem; color: rgb(120, 110, 100); line-height: 2em; text-align: center; }
.explore-spacer-icon { position: relative; margin: 0 auto 50px auto; width: 48px; height: 108px; }
.button-box-explore { float: left; clear: both; margin: 50px 0 0 0; width: 100%; height: 78px; text-align: center; }
a.explore-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 auto 0 -135px; width: 270px; height: 78px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.3rem; color: rgb(255, 255, 255); line-height: 3.3em; text-align: center; text-decoration: none; border-radius: 6px; 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.explore-button:hover, a.explore-button:active { background: rgb(120, 110, 100); color: rgb(255, 255, 255); }

}

/* Desktop UHD */
@media screen
and (min-width: 2561px)
and (max-width: 3839px) {
	
#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-3840.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
	
/* nav styles */
	
.nav-wrapper { margin: 0; padding: 0; top: 0; left: 0; position: fixed; width: 100%; height: auto; z-index: 800; }
.black-box { background-color: rgb(255, 245, 230); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 180px; z-index: 100; }
.logo-wrapper { position: absolute; top: 26px; left: 8%; height: auto; text-align: left; z-index: 400; display: block; }
.redstone-inn-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 270px; height: auto; }
#navigation { margin: 0; padding: 0; position: absolute; right: 8%; width: 92%; z-index: 300; }
#navigation ul { margin: 0; padding: 0; float: right; list-style-type: none; width: 68%; display: inline-block; white-space: nowrap; height: 180px; }
#navigation ul a { font-family: 'semplicitapro'; font-weight: 500; font-size: 1.3rem; color: rgb(120, 110, 100); 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: 80px 90px 0 0; padding: 0; float: right; width: auto; height: 26px; line-height: 1em; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation ul li a:hover, #navigation ul li a:active { color: rgb(180, 80, 60);; }
.button-box-book { float: right; margin: 52px 0 0 0; padding: 0; width: 240px; height: 76px; text-align: left; }
a.book-button { background-color: rgb(180, 80, 60);; position: absolute; width: 240px; height: 76px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.3rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 7px; 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.book-button:hover, a.book-button:active { background: rgb(120, 110, 100); }

/* hero styles */
	
#header-wrapper { margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100vh; z-index: 100; }
.brand { float: left; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 200; }
h1 { float: left; clear: both; margin: 400px 0 0 8%; padding: 0; width: 50%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 5.6rem; color: rgb(255, 255, 255); line-height: 1em; text-align: left; z-index: 100; }
.tagline { float: left; clear: both; margin: 20px 0 0 8%; padding: 0; width: 60%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.4rem; color: rgb(255, 255, 255); line-height: 1.8em; text-align: left; z-index: 100; }
.button-box-header { float: left; clear: both; margin: 60px 0 0 8%; padding: 0; width: 290px; height: 84px; text-align: left; }
a.header-button { background-color: rgb(180, 80, 60);; position: absolute; width: 290px; height: 84px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.4rem; color: rgb(255, 255, 255); line-height: 3.3em; text-align: center; text-decoration: none; border-radius: 7px; 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.header-button:hover, a.header-button:active { background: rgb(255, 255, 255); color: rgb(120, 110, 100); }

/* main content styles */
	
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-3840.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
.intro { float: left; margin: 0 0 0 25%; padding: 9% 0 9% 0; width: 50%; }
.intro-display { float: left; clear: both; width: 100%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 3.4rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.intro-copy { float: left; clear: both; margin: 60px 0 0 0; width: 100%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.4rem; color: rgb(120, 110, 100); line-height: 2.1em; text-align: left; }
.intro-spacer-icon { position: relative; margin: 60px auto 0 auto; width: 52px; height: 120px; }
	
.explore-white-wrapper { background: rgb(255, 255, 255); float: left; width: 100%; }
.explore-tan-wrapper { background: rgb(255, 245, 230); float: left; width: 100%; }
.explore-left { float: left; width: 50%; }
.explore-outer { position: relative; padding-top: 100%; width: 100%; }
.explore-inner { position: absolute; top: 50%; left: 0; margin: -360px 0 0 0; width: 100%; height: 720px;  }
.explore-right { float: right; width: 50%; }
.explore-photo { float: left; clear: both; width: 100%; }
.explore-display { float: left; clear: both; width: 100%; font-family: 'semplicitapro'; font-weight: 500; font-size: 3.6rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.explore-copy { float: left; clear: both; margin: 60px 0 0 22%; width: 56%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.4rem; color: rgb(120, 110, 100); line-height: 2.1em; text-align: center; }
.explore-spacer-icon { position: relative; margin: 0 auto 60px auto; width: 52px; height: 120px; }
.button-box-explore { float: left; clear: both; margin: 60px 0 0 0; width: 100%; height: 84px; text-align: center; }
a.explore-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 auto 0 -145px; width: 290px; height: 84px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.4rem; color: rgb(255, 255, 255); line-height: 3.3em; text-align: center; text-decoration: none; border-radius: 7px; 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.explore-button:hover, a.explore-button:active { background: rgb(120, 110, 100); color: rgb(255, 255, 255); }

}

/* 4k */
@media screen
and (min-width: 3840px) {

#bg-image { background-image: url('https://www.redstoneinn.com/img/hero-explore-3840.jpg'); background-position: center top; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; position: absolute; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }
	
/* nav styles */
	
.nav-wrapper { margin: 0; padding: 0; top: 0; left: 0; position: fixed; width: 100%; height: auto; z-index: 800; }
.black-box { background-color: rgb(255, 245, 230); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 200px; z-index: 100; }
.logo-wrapper { position: absolute; top: 30px; left: 10%; height: auto; text-align: left; z-index: 400; display: block; }
.redstone-inn-logo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 300px; height: auto; }
#navigation { margin: 0; padding: 0; position: absolute; right: 10%; width: 90%; z-index: 300; }
#navigation ul { margin: 0; padding: 0; float: right; list-style-type: none; width: 68%; display: inline-block; white-space: nowrap; height: 200px; }
#navigation ul a { font-family: 'semplicitapro'; font-weight: 500; font-size: 1.4rem; color: rgb(120, 110, 100); 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: 90px 140px 0 0; padding: 0; float: right; width: auto; height: 30px; line-height: 1em; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation ul li a:hover, #navigation ul li a:active { color: rgb(180, 80, 60);; }
.button-box-book { float: right; margin: 58px 0 0 0; padding: 0; width: 270px; height: 84px; text-align: left; }
a.book-button { background-color: rgb(180, 80, 60);; position: absolute; width: 270px; height: 84px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.4rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 8px; 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.book-button:hover, a.book-button:active { background: rgb(120, 110, 100); }

/* hero styles */
	
#header-wrapper { margin: 0; padding: 0; float: left; clear: both; width: 100%; height: 100vh; z-index: 100; }
.brand { float: left; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 200; }
h1 { float: left; clear: both; margin: 500px 0 0 10%; padding: 0; width: 50%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 6.2rem; color: rgb(255, 255, 255); line-height: 1em; text-align: left; z-index: 100; }
.tagline { float: left; clear: both; margin: 26px 0 0 10%; padding: 0; width: 60%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.5rem; color: rgb(255, 255, 255); line-height: 1.9em; text-align: left; z-index: 100; }
.button-box-header { float: left; clear: both; margin: 80px 0 0 10%; padding: 0; width: 310px; height: 90px; text-align: left; }
a.header-button { background-color: rgb(180, 80, 60);; position: absolute; width: 310px; height: 90px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.5rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 8px; 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.header-button:hover, a.header-button:active { background: rgb(255, 255, 255); color: rgb(120, 110, 100); }

/* main content styles */
	
.intro-wrapper { background-image: url('https://www.redstoneinn.com/img/pattern-3840.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; width: 100%; }
.intro { float: left; margin: 0 0 0 28%; padding: 8% 0 8% 0; width: 44%; }
.intro-display { float: left; clear: both; width: 100%; font-family: 'questa-grande'; font-weight: 500; font-style: italic; font-size: 3.6rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.intro-copy { float: left; clear: both; margin: 80px 0 0 0; width: 100%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.5rem; color: rgb(120, 110, 100); line-height: 2.2em; text-align: left; }
.intro-spacer-icon { position: relative; margin: 80px auto 0 auto; width: 56px; height: 130px; }
	
.explore-white-wrapper { background: rgb(255, 255, 255); float: left; width: 100%; }
.explore-tan-wrapper { background: rgb(255, 245, 230); float: left; width: 100%; }
.explore-left { float: left; width: 50%; }
.explore-outer { position: relative; padding-top: 100%; width: 100%; }
.explore-inner { position: absolute; top: 50%; left: 0; margin: -390px 0 0 0; width: 100%; height: 780px;  }
.explore-right { float: right; width: 50%; }
.explore-photo { float: left; clear: both; width: 100%; }
.explore-display { float: left; clear: both; width: 100%; font-family: 'semplicitapro'; font-weight: 500; font-size: 4rem; color: rgb(120, 110, 100); line-height: 1em; text-align: center; }
.explore-copy { float: left; clear: both; margin: 80px 0 0 25%; width: 50%; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.5rem; color: rgb(120, 110, 100); line-height: 2.2em; text-align: center; }
.explore-spacer-icon { position: relative; margin: 0 auto 80px auto; width: 56px; height: 130px; }
.button-box-explore { float: left; clear: both; margin: 80px 0 0 0; width: 100%; height: 90px; text-align: center; }
a.explore-button { background-color: rgb(180, 80, 60);; position: absolute; margin: 0 auto 0 -155px; width: 310px; height: 90px; font-family: 'proxima-nova'; font-weight: 300; font-size: 1.5rem; color: rgb(255, 255, 255); line-height: 3.2em; text-align: center; text-decoration: none; border-radius: 8px; 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.explore-button:hover, a.explore-button:active { background: rgb(120, 110, 100); color: rgb(255, 255, 255); }

}