@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Lora|Open+Sans';
*, *:before, *:after{ margin: 0; padding: 0; }
html{ 
	width: 100%; height: 100%; overflow-x: hidden; background: #eaeaea; 
	font: normal 16px/30px 'Open Sans', sans-serif; color: #404041; text-align: left; font-weight: 400;
}
body{ width: 100%; min-height: 100%; position: relative; }
p{ margin: 7px 0; }
ul, ol{ padding-left: 25px; }
a{ outline: none; text-decoration: none; color: #a5700e; }
a:hover{ text-decoration: underline; }
a img{ border: 0px solid; }
h1,h2,h3,h4,h5,h6{ font-family: 'Open+Sans', serif; }
h1{ font-size: 2em; line-height: 1.2em; }
h2{ font-size: 1.2em; line-height: 1.2em; }
h3{ font-size: 1em; line-height: 1.2em; }
 
.intro{ height: 100%; }
.intro .center-section{ 
	width: 100%; text-align: center; padding-bottom: 80px;
	position: absolute; top: 50%; left: 0;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
}
.intro img{ display: block; margin: 0 auto; max-width: 300px; }
.intro span{ display: block; margin: 30px 0; color: #cd9b3f; text-transform: uppercase; letter-spacing: 2px; font-family: 'Open+Sans', serif; }
.intro h1{ font-weight: normal; color: #a5700e; text-transform: uppercase; letter-spacing: 4px; font-size: 2.3em; margin-top: 50px; }
.intro input, .intro button{
	background: #cd9b3f; border: 0px solid; width: 120px; height: 36px; cursor: pointer;
	color: #fff; font-family: 'Open+Sans', serif; font-size: 15px; text-transform: uppercase; letter-spacing: 2px;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;	
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; 
}
.intro input[type="submit"]:hover{ background: #a5700e; }
.intro .error-state{ background: #404041; color: #fff; }
.intro .f-info{ width: 100%; position: fixed; bottom: 0; left: 0; text-align: center; letter-spacing: 3px; font-family: 'Lora', serif; font-size: 20px; color: #fff; background: #000532; padding: 15px 0; }

@media screen and (max-height:480px),screen and (max-device-height:480px){
	.intro .center-section{ 
		position: relative; top: 10vh; left: 0;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0,0);
	}
	.intro img{ max-width: 80%; }
}