* {margin:0; pading:0; outline:0; font-family:'Lato', sans-serif;}
html, body {width:100%; height:100%;}
body {background:url('../img/bg.jpg') center top no-repeat; background-size:cover;}

#outer_wrapper {position:relative; height:100%; margin:0 auto;}
#inner_wrapper {position:absolute;}

.clear {clear:both;}
#disclaimer {text-transform:uppercase;}
#disclaimer p#disclaimer_text {font-size:12px; text-shadow:0px 2px 12px #ffffff; letter-spacing:0.75px; color:#022440; margin:30px 0;}
a.btn {background-color:#fff; font-size:15px; font-weight:700; color:#222830; padding:10px 15px 8px 28px; text-decoration:none; background-image:url('../img/btn_arrow.png'); background-repeat:no-repeat; background-position: 12px center; border-radius:2px;}

@media screen and (max-width: 479px) {
	html, body {min-height:480px;}
	#outer_wrapper {width:240px;}
	#inner_wrapper {width:240px; margin:0 auto; bottom:10%;}
	#logo {float:none; width:240px; height:120px; margin:30px 0 0 0; background:url('../img/logo_intro.png') top left no-repeat;}
	#disclaimer {margin:0; width:240px; float:none;}
}

@media screen and (min-width: 480px) and (max-width: 639px) {
	html, body {min-height:480px;}
	#outer_wrapper {width:320px;}
	#inner_wrapper {width:320px; margin:0 auto; bottom:10%;}
	#logo {float:none; width:320px; height:120px; margin:30px 0 0 0; background:url('../img/logo_intro.png') top left no-repeat;}
	#disclaimer {margin:0; width:320px; float:none;}
}

@media screen and (min-width: 640px) and (max-width: 799px) {
	html, body {min-height:480px;}
	#outer_wrapper {width:480px;}
	#inner_wrapper {width:480px; margin:0 auto; bottom:10%;}
	#logo {float:none; width:480px; height:120px; margin:30px 0 0 0; background:url('../img/logo_intro.png') top center no-repeat;}
	#disclaimer {margin:0; width:480px; float:none;}
	p {text-align:center;}
}

@media screen and (min-width: 800px) {
	#outer_wrapper {width:600px;}
	#inner_wrapper {width:600px; margin:0 auto; bottom:20%;}
	#logo {float:left; width:240px; height:120px; margin:30px 0 0 0; background:url('../img/logo_intro.png') top right no-repeat;}
	#disclaimer {margin:0; width:320px; float:right;}
	p {text-align:left;}
}

/*
@media screen and (max-height: 499px) {

}

@media screen and (min-height: 500px) {

}
*/