Untitled

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css" media="screen">


	/* PARALLAX */

	.keyart, .keyart_layer {
		height: 1000px;
	}

	#parallax {
	}
	#nonparallax {
		display: block;
	}


	.keyart {
		position: relative;
		z-index: 10;
	}

	.keyart_layer {
		background-position: bottom center;
		background-size: auto 1038px;
		background-repeat: repeat-x;
		width: 100%;
		position: absolute;
	}
	.keyart_layer.parallax {
		position: fixed;
	}
	#keyart-0 {
		background-image: url('PRLX_2-01.png');
		background-color: #ffaf1b;
	}
	#keyart-1 {
		background-image: url('PRLX_3-01.png');
	}
	#keyart-2 {
		background-image: url('PRLX_4-01.png');
	}
	#keyart-3 {
		background-image: url('PRLX_5-01.png');
	}
	#keyart-4 {
	}
	#keyart-scrim {
		background-color: #ffaf00;
		opacity: 0;
	}


	</style>
</head>
<body>

		<div class="keyart" id="parallax">
			<div class="keyart_layer parallax" id="keyart-0" data-speed="2"></div>		<!-- 00.0 -->
			<div class="keyart_layer parallax" id="keyart-1" data-speed="5"></div>	<!-- 12.5 -->
			<div class="keyart_layer parallax" id="keyart-2" data-speed="11"></div>		<!-- 25.0 -->
			<div class="keyart_layer parallax" id="keyart-3" data-speed="16"></div>	<!-- 37.5 -->
			<div class="keyart_layer parallax" id="keyart-4" data-speed="26"></div>		<!-- 50.0 -->
			<div class="keyart_layer" id="keyart-scrim"></div>
			<div class="keyart_layer parallax" id="keyart-7" data-speed="69"></div>		<!-- 87.5 -->
			<div class="keyart_layer" id="keyart-8" data-speed="100"></div>		<!-- 100. -->
		</div>


		<script type="text/javascript" src="http://www.firewatchgame.com/js/jquery-1.12.0.min.js"></script>
		<script type="text/javascript" src="http://www.firewatchgame.com/js/jquery-migrate-1.2.1.min.js"></script>
		<script type="text/javascript" src="http://www.firewatchgame.com/js/jquery.simplr.smoothscroll.min.js"></script>
		<script type="text/javascript" src="http://www.firewatchgame.com/js/firewizard.js"></script>


</body>
</html>