html {
	height: 100%;
	overflow: hidden;
}
.parallax {
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	perspective: 1px;
	transform-style: preserve-3d;
}
.slide {
	box-sizing: border-box;
	min-height: 70vh;
	padding: 25vh 5vw;
	position: relative;
	width: 100vw;
	transform-style: inherit;
}
.slide img {
	filter: alpha(opacity=50); /* For IE8 and earlier */
	height: 70vh;
	left: 55%;
	/*opacity: 0.7; */
	position: absolute;
	top: 60vh;
	transform: translateZ(.25px) scale(.75) translateX(-70%) translateY(-115%);
	z-index: 0;
    min-height: 500px;
}
.slide img:last-of-type {
	transform: translateZ(.4px) scale(.6) translateX(-35%) translateY(-130%);
    min-height: 200px;
    height: 40vh;
}
.slide:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	right: 0;
}
 .slide:nth-child(2n) .title {
 margin-left: 6vw;
 margin-right: auto;
}
 .slide:nth-child(2n+1) .title {
 margin-left: auto;
 margin-right: 0;
}
.slide,
.slide:before {
	background: 50% 50% / cover;
}
#parallax {
	z-index:2;
    background-color: #000;
}
#parallax h1, #parallax h2, #parallax h5{
	color: #fff;
}


@media (max-width: 1024px) {
.slide img {
 filter: alpha(opacity=50);
 height: 70vh;
 left: 55%;
 opacity: 0.4;
 position: absolute;
 top: 50vh;
 transform: translateZ(.25px) scale(1) translateX(-54%) translateY(-90%);
 z-index: 0;
}
.slide img:last-of-type {
 transform: translateZ(.4px) scale(1) translateX(-10%) translateY(-35%);
}
}