/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*---*/

html {font-size: 100%;}
body {
	line-height: 1.25;
	background:#f9f9f9;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#333;
	font-weight:bold;
}
.desk{}
.mob{display: none;}
/*--*/

a{color:#920300;text-decoration:underline;cursor:crosshair;}
a:hover{text-decoration:none;color:#920300;}
a:focus, a:active {outline: none;}
p+p{margin-top: 15px;}

.wrapper{max-width: 100%; margin: 0 auto;min-height: 100vh;}
header{background-color: #f2f2f2;width: 100%;height: 130px;padding-top:35px;position: relative;border-bottom: 1px solid #ddd;}
header h1{color: #920300;font-size:2rem;}
header .wrap{min-width: 320px;max-width: 1350px;margin:0 auto;text-align: center;}
header p{margin-top: 20px;}
header span{color:#e45a00;font-weight: bold;font-family: 'Permanent Marker', cursive;text-shadow:1px 2px 2px white;font-size: 2.1rem;}

.prez{position: relative;margin:0 auto 0;text-align: center;width:500px;padding-top: 25px;}
.prez .soon{font-family: 'Permanent Marker', cursive;color:#920300;font-size:8rem;text-shadow: 5px 3px 5px black;}
.prez img{position: absolute;left:-5px;top: 5px;}

.main a{background-position: right center;padding-right: 15px;}
.main a[href^="https"]:hover,.main a[href^="https"]:focus{
	background:transparent url(arrow.png) right center no-repeat;padding-right: 15px;color: #000;
	-moz-transition: color .9s ease;
	-webkit-transition: color .9s ease;
	-o-transition: color .9s ease;
	transition: color .9s ease;}

footer{text-align:center;margin-top: 50px;}
footer p{font-size: .8rem;}


@media screen and (max-width: 640px) {
.desk{display: none;}
.mob{display: block;}
header{height:90px;}
header h2{font-size:1rem;}
header h2 span{font-size: 1.2rem}

.wrapper, .wrap{max-width:100%} 
.prez{width: 320px;margin-top: 25px;}
.prez .soon{font-size:6rem;padding-left:45px;}
.prez img{left:-45px;}
}