@CHARSET "UTF-i";

.container {
    padding: 800px 200px; /* This gives our headings a bit of breathing room */
}
.js-background-1 {
    background: transparent url(../img/bg1.jpg) center 0 no-repeat;
}
.js-background-2 {
    background: transparent url(../img/bg2.jpg) center 0 no-repeat;
}

.stormtrooper {
	position: absolute; 
	background: url(../img/stormtrooper.png) 0 0 no-repeat;
	width: 640px;
	height: 360px;
	
	left: 700px;
	top: 1500px;
	z-index: 1;
}

.st_head {
	position: absolute;
	background: url(../img/stormtrooper_head.png) 0 0 no-repeat;
	z-index: 4;
	height: 128px;
	width: 113px;
	
	top: 100px;
	left: 947px;
}

.pyr {
	position: absolute;
	z-index: 3;
    width: 200px;
    top: 0px;
}

.pyr.p1 {
	height: 163px;
	background: url(../img/pyr1.png) 0 0 no-repeat;
	left: 700px;
}

.pyr.p2 {
	height: 182px;
	background: url(../img/pyr2.png) 0 0 no-repeat;
	left: 100px;
}

.pyr.p3 {
	height: 200px;
	background: url(../img/pyr3.png) 0 0 no-repeat;
	left: 80%;
}