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

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

.keyart_layer {
	background-size: cover; 
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 100%;
	position: absolute;
}

.keyart_layer {
	transform: translateZ(0);
}


.keyart_layer.parallax {
	position: fixed;
}

.main-content {
	width: 100%;
	position: absolute;
	z-index: 200;
}

#keyart-0 {
	background-image: url(img/parallax0.png);
	background-size: cover;
}

#keyart-1 {
	background-image: url(img/parallax1.png);
}

#keyart-2 {
	background-image: url(img/parallax2.png);
}

#keyart-3 {
	background-image: url(img/parallax3.png);
}


#keyart-4 {
	background-image: url(img/parallax4.png);
}


#keyart-5 {
	background-image: url(img/parallax5.png);
}


#keyart-6 {
	background-image: url(img/parallax6.png);
}


#keyart-7 {
	background-image: url(img/parallax7.png);

}

#keyart-8 {
	background-image: url(img/parallax8.png);
}

#keyart-9 {
	background-image: url(img/parallax9.png);
}

#keyart-10 {
	background-image: url(img/parallax10.png);
}

#keyart-11 {
	background-image: url(img/parallax11.png);
}


#keyart-12 {
	background-image: url(img/parallax12.png);
}

#keyart-13 {
	background-image: url(img/parallax13.png);
}


#keyart-14 {
	background-image: url(img/parallax14.png);
}


#keyart-15 {
	background-image: url(img/parallax15.png);
}


#keyart-16 {
	background-image: url(img/parallax16.png);
}

#keyart-scrim {
	opacity: 0;
}