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

.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;
}

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


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

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

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

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

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

#keyart-5 {
	background-image: url(images/parallax5.png);
}
@media (max-width: 768px) {
    #keyart-5 {
        height: 70vh; 
        background-size: cover; 
    }
}

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

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

#keyart-scrim {
	opacity: 0;
}