body {
	color:#ffffff;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-style:italic;
	background-color:#8CD7FF;
}
img {
	display:none;
}
#lockup {	
	position:absolute;
	width:300px;

	text-align:center;
	left:50%;
	top:50%;
	margin-top:-150px;
	margin-left:-150px;
}
#lockup h1 {
	-webkit-transition: all 2s linear;
			-moz-transition: all 2s linear;
	        -ms-transition: all 2s linear;
	        -o-transition: all 2s linear;
			transition: all 2s linear;
			transition-delay: 1s;
			-webkit-transition-delay: 1s; /* Safari */
	
	opacity:0;
	width:300px;
	height:160px;
	display:block;
	text-indent:-9999px;
	background-image:url(../_images/erik.png);
	background-position:bottom center;
	background-size: contain;
	background-repeat:no-repeat;
}
#lockup span.subline {
	-webkit-transition: all 2s linear;
			-moz-transition: all 2s linear;
	        -ms-transition: all 2s linear;
	        -o-transition: all 2s linear;
			transition: all 2s linear;
			transition-delay: 2s;
			-webkit-transition-delay: 2s; /* Safari */
	
	opacity:0;
	font-size:18px;
}
span.spacer {
	display:inline-block;
	width:15px;
}
.fullopacity {
	opacity:1 !important;
}
.pixelpattern {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {



}
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {



}