@charset "utf-8";
/* CSS Document */


#driftwrapper {
	clear: both;
	overflow: hidden;
	width:100%;
}
#driftcontent {
	position:relative;
	height:5000px;
}

body {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	line-height: 1.5em;
}

#header {
	text-align: center;
}
#footer {
	background-color: #333333;
	text-align: center;
	height: 20px;
	padding-bottom: 10px;
	/* clear: both; */
}
#drifterOne {
	width:600px;
	height:600px;
	background:url('../img/drifter3/1.png') center center no-repeat;
	position:fixed;
	text-indent:-9999px;
	top:10em;
	left:10%;
	z-index:0;
}
#drifterTwo {
	width:600px;
	height:600px;
	background:url('../img/drifter3/2.png') center center no-repeat;
	position:fixed;
	text-indent:-9999px;
	left:10%;
	top:10em;
	z-index:2;
}
#drifterThree {
	width:600px;
	height:600px;
	background:url('../img/drifter3/3.png') center center no-repeat;
	position:fixed;
	text-indent:-9999px;
	left:10%;
	top:10em;
	z-index:3;
}
#drifterFour {
	width:600px;
	height:600px;
	background:url('../img/drifter3/4.png') center center no-repeat;
	position:fixed;
	text-indent:-9999px;
	left:10%;
	top:10em;
	z-index:1;
}
/*#drifterFive {
	width:600px;
	height:600px;
	background:url('../img/drifter3/5.png') center center no-repeat;
	position:fixed;
	text-indent:-9999px;
	left:10%;
	top:10em;
	z-index:1;
}*/
/*#drifterSix {
	width:600px;
	height:600px;
	background:url('../img/driftermkii/6.png') center center no-repeat;
	position:fixed;
	text-indent:-9999px;
	left:10%;
	top:10em;
	z-index:6;
}
#drifterSeven {
	width:600px;
	height:600px;
	background:url('../img/driftermkii/7.png') center center no-repeat;
	position:fixed;
	text-indent:-9999px;
	left:10%;
	top:10em;
	z-index:7;
}
*/
#drifthint {
	width:200px;
	height:200px;
	position:fixed;
	top:10em;
	left:9em;
	background: url('../img/driftermkii/hint.png') center center no-repeat;
	z-index: 9;
}
@media screen and (max-width: 600px) {
	#driftcontent {
	position:relative;
	height:1000px;
}
#drifterOne {
	width:200px;
	height:200px;
	background-size: contain;
	left:2%;
}
#drifterTwo {
	width:200px;
	height:200px;
	background-size: contain;
	left:2%;
}
#drifterThree {
	width:200px;
	height:200px;
	background-size: contain;
	left:2%;
}
#drifterFour {
	width:200px;
	height:200px;
	background-size: contain;
	left:2%;
}
#drifterFive {
	width:200px;
	height:200px;
	background-size: contain;
	left:2%;
}
#drifterSix {
	width:400px;
	height:400px;
	background-size: contain;
	left:2%;
}
#drifterSeven {
	width:400px;
	height:400px;
	background-size: contain;
	left:2%;
}
#drifterEight {
	width:400px;
	height:400px;
	background-size: contain;
	left:2%;
}
#drifthint {
	width:150px;
	height:150px;
	background-size: contain;
}