@font-face { font-family: 'ReformaGroteskDemi';src: url('webfonts/eot/style_99380.eot');src: url('webfonts/eot/style_99380.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_99380.woff') format('woff'),url('webfonts/ttf/style_99380.ttf') format('truetype'),url('webfonts/svg/style_99380.svg#ReformaGroteskDemi') format('svg'); }
@font-face { font-family: 'GoudyOldSty-RegIta';src: url('webfonts/eot/style_4612.eot');src: url('webfonts/eot/style_4612.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_4612.woff') format('woff'),url('webfonts/ttf/style_4612.ttf') format('truetype'),url('webfonts/svg/style_4612.svg#GoudyOldSty-RegIta') format('svg'); }
@font-face { font-family: 'GoudyOldSty-Reg';src: url('webfonts/eot/style_4609.eot');src: url('webfonts/eot/style_4609.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_4609.woff') format('woff'),url('webfonts/ttf/style_4609.ttf') format('truetype'),url('webfonts/svg/style_4609.svg#GoudyOldSty-Reg') format('svg'); }


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body { background-color: #1B1B1B; color: #fff; }
a, a:visited, a:hover, a:active { color: #fff; }

.page-background { position: fixed; width: 200%; height: 200%; left: -50%; }
.page-background img { display: block; margin: auto; min-width: 50%; min-height: 50%; top: 0; left: 0; right: 0; bottom: 0; border: 0; }

div.container { position: relative; } 


/* ---------------------------- 1170 ---------------------------- */
div.span3 { border-top: 2px solid #fff; margin-top: 50px; }
#logo { text-align: right; }

h2 { border-top: 2px solid #fff; padding-top: 16px; margin-bottom: 6px; font: normal 21px/24px ReformaGroteskDemi; letter-spacing: 1px; }
p { font: normal 24px/29px GoudyOldSty-Reg; margin: 12px 0; }
small { font-family: GoudyOldSty-Reg; line-height: 12px; }
label { margin-bottom: 0; }
div.mc-field-group.input-group { margin-bottom: 8px; }

/* -------------------------- thankyou -------------------------- */

#thankyou { margin-top: 50px;  border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 16px 0; }
#visit { border-top: none; margin-top: 0; }
#visit p { font-size: 25px; line-height: 31px; text-align:justify; }
#visit h2 { font-size: 29px; text-align:justify; }
#visit h2 a { text-decoration: none; }

/* ---------------------------- 1170 ---------------------------- */

input:-moz-placeholder, 
input:-ms-input-placeholder, 
input::-webkit-input-placeholder { color: #adac9e; }

.input-append input, .add-on:last-child, .input-append .btn:last-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
input[type="email"] { border-color: #fff; box-shadow: none; }
.btn { font-family: ReformaGroteskDemi; letter-spacing: 1px; color: #fff; border-color: #adac9e; background-color: #adac9e; background-image: none; box-shadow: none; text-shadow: none; }
.btn:hover { color: #fff; border-color: #333; background-color: #333; }
.btn:active { color: #ccc; border-color: #000; background-color: #000; }

div#mce-error-response {  background-color:#6B0505; color: #fff; padding: 5px; }

.modal { color: #333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.modal-body { padding: 0 15px; }
.modal h3 { margin-top: 5px; font-family: ReformaGroteskDemi; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }
.modal p { font-size: 14px; line-height: 21px; text-align: justify; }
.modal a { color: #000 }



/* ---------------------------- 940 ---------------------------- .hidden-tablets .visible-phone .visible-desktop */

@media (min-width: 980px) and (max-width: 1199px) {
	h2 { padding-top: 12px; font-size: 19px; line-height: 21px; }
	p { font: normal 20px/24px GoudyOldSty-Reg; margin: 9px 0; }

/* -------------------------- thankyou -------------------------- */

#thankyou { border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 16px 0; }
#visit p { font-size: 18px; line-height: 24px; }
#visit h2 { font-size: 23px; }

}
/* ---------------------------- 940 ---------------------------- */



/* ---------------------------- 724 ---------------------------- .visible-tablets .hidden-phone .hidden-desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#comingsoon img { border-top: 2px solid #fff; }
	#enjoy, #mailchimp { margin-top: 36px; border-top: 2px solid #fff; }
	#logo a img { padding-top: 237px; }
	h2 { margin-bottom: 10px; font-size: 24px; }
	p { font-size: 26px; line-height: 32px; margin: 12px 0; }
	small { font-size: 14px; }
	div.mc-field-group.input-group { margin-bottom: 10px; }

/* -------------------------- thankyou -------------------------- */

#thankyou { padding: 11px 0; }
#visit p { margin: 16px 48px 8px 0; font-size: 22px; line-height: 27px; }
#visit h2 { margin-right: 48px; font-size: 26px; }
#logo.thankyou a img { padding-top: 0; }
}
/* ---------------------------- 724 ---------------------------- */


/* ---------------------------- 480 ---------------------------- */
@media (max-width: 768px) {
	.page-background img { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }
	#enjoy { margin-top: 20px; }
	#mailchimp { margin-top: 20px; }
	#comingsoon { text-align: center; margin-top: 20px; }
	#logo { border-top: 2px solid #fff; text-align: center; margin-top: 20px; padding-top: 30px; }
	h2 { border-top: 2px solid #fff; padding-top: 16px; margin-bottom: 6px; font-size: 30px; line-height: 30px; }
	p { font-size: 28px; line-height: 32px; }
	small { font-size: 16px; line-height: 16px; }
/*	input[type="email"] { width: 50% !important; } */

/* -------------------------- thankyou -------------------------- */

#thankyou { margin-top: 20px; }
#visit p { font-size: 30px; line-height: 40px; }
#visit h2 { font-size: 39px; }
#logo.thankyou { margin-top: 8px; }
}
/* ---------------------------- 480 ---------------------------- */