html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.content {
	position: relative;
	width: 100%;
	height: 100%;
	background: url("./gfx/tausta.jpg") no-repeat center center;
	background-size: cover;
}

.paralax {
	position: absolute;
	width: 2048px; 
	height: 100%;
	bottom: 0;
	overflow: hidden;
}

.etuala {
	position: absolute;
	width: 2048px; 
	height: 25%; 
	bottom: 0; 
	background: url("./gfx/etuala.png") repeat-x; 
	background-size: 1024px 100%; 
	animation: animatedBackground 30s linear infinite; 
	z-index: 6; 
}

.palmut_edes {
	position: absolute;
	width: 2048px; 
	height: 30%; 
	bottom: 12.5%; 
	background: url("./gfx/palmut_edes.png") repeat-x; 
	background-size: 1024px 100%; 
	animation: animatedBackground 15s linear infinite; 
	z-index: 7; 
}

.palmut_taka {
	position: absolute;
	width: 2048px; 
	height: 25%; 
	bottom: 15%; 
	background: url("./gfx/palmut_taka.png") repeat-x; 
	background-size: 1024px 100%; 
	animation: animatedBackground 25s linear infinite; 
	z-index: 5; 
}

.kukkulat_palmuilla {
	position: absolute;
	width: 2048px; 
	height: 40%; 
	bottom: 10%; 
	background: url("./gfx/kukkulat_palmuilla.png") repeat-x; 
	background-size: 1024px 100%; 
	animation: animatedBackground 65s linear infinite; 
	z-index: 4; 
}

.kukkulat {
	position: absolute;
	width: 2048px; 
	height: 40%; 
	bottom: 10%; 
	background: url("./gfx/kukkulat.png") repeat-x; 
	background-size: 1024px 100%; 
	animation: animatedBackground 120s linear infinite; 
	z-index: 3; 
}

.vuoret {
	position: absolute;
	width: 2048px; 
	height: 40%; 
	bottom: 20%; 
	background: url("./gfx/vuoret.png") repeat-x; 
	background-size: 1024px 100%; 
	animation: animatedBackground 240s linear infinite; 
	z-index: 2; 
}

.pilvet {
	position: absolute;
	width: 2048px; 
	height: 40%; 
	bottom: 40%; 
	opacity:50%;
	background: url("./gfx/pilvet.png") repeat-x; 
	background-size: 1024px 100%; 
	animation: animatedBackground 200s linear infinite; 
	z-index: 1; 
}

.cruiser {
	padding:0px;
	position: fixed;
	bottom: 0;
	left: 50%; 
	transform: translateX(-50%); 
	z-index: 10;
}

.cruiser img { display: block; margin: 0; padding: 0; }

@keyframes animatedBackground {
0% { transform: translateX(0); }
100% { transform: translateX(-1024px); } 
}