/* PARALLAX */

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

#parallax {
	display: none;
}
#nonparallax {
	display: block;padding-top:50px;
}

#nonparallax {
	background-image: url('../images/case-study-parallax.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 92%;
	height: 260px !important;
	width: 100%;
}

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

.keyart_layer {
	background-position: bottom center;
	background-size: 100%;
	background-repeat: repeat-x;
	width: 100%;
	position: absolute;
	box-shadow: 0px 2px 34px 0px rgba(0, 0, 0, 0.18);border-radius: 5px;
}
.keyart_layer.parallax {
	/*position: fixed;*/
}
	#keyart-0 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax0.png');
		background-color: #ffaf1b;
	}
	#keyart-1 {
		background-image: url("../images/organic.png");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
		z-index: 1;
		width: 285px;
		height: 293px;
		top: 210px;
		left:20px;
	}
	#keyart-2 {
		background-image: url("../images/audit.png");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
		z-index: 0;
		width: 336px;
		height: 506px;
		top: 100px;
		left: 210px;
	}
	#keyart-3 {
		background-image: url("../images/revenue.png");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
		max-width: 344px;
		height: 360px;
		top: 270px;
		left: 460px;
	}
	/*#keyart-3 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax3.png');
	}
	#keyart-4 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax4.png');
	}
	#keyart-5 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax5.png');
	}
	#keyart-6 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax6.png');
	}
	#keyart-7 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax7.png');
	}
	#keyart-3 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax8.png');
	}
	#keyart-scrim {
		background-color: #ffaf00;
		opacity: 0;
	}*/

/*@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ 
   	#keyart-0 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax0@2x.png');
		background-color: #ffaf1b;
	}
	#keyart-1 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax1@2x.png');
	}
	#keyart-2 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax2@2x.png');
	}
	#keyart-3 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax3@2x.png');
	}
	#keyart-4 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax4@2x.png');
	}
	#keyart-5 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax5@2x.png');
	}
	#keyart-6 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax6@2x.png');
	}
	#keyart-7 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax7@2x.png');
	}
	#keyart-8 {
		background-image: url('http://www.firewatchgame.com/images/parallax/parallax8@2x.png');
	}
}*/


 
/********************/
/********************/
/* ENABLES PARALLAX */
/********************/
/********************/

@media (min-width: 601px) {

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

}

/*********************/
/*********************/
/* DISABLES PARALLAX */
/*********************/
/*********************/

@media (max-width: 600px) {

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

	
}


@media only screen and (max-device-width: 450px) {


/* PARALLAX */

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

	.keyart_layer {
		position: absolute;
		background-size: auto 600px;
	}
}