@charset "UTF-8";

.block-parallax-section {
	height: 100vh;
	width: 100vw;
	max-height: 1280rem;
	overflow: hidden;
	position: relative;
}

@media (max-width: 899px) {
	.block-parallax-section {
		height: 46vh;
	}
}

.block-parallax-section .layer {
	width: 100vmax;
	position: absolute;
}

.block-parallax-section .parallax {
	top: 0;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.block-parallax-section .layer1 {
	z-index: 1;
}

@media (max-width: 599px) {
	.block-parallax-section .layer1 {
		height: 160%;
	}
}

.block-parallax-section .layer2 {
	bottom: 0;
	z-index: 2;
	width: 80%;
	left: 10%;
}

.block-parallax-section .layer3 {
	z-index: 3;
}

.block-parallax-section .layer3 h1 {
	color: white;
}

@media (max-width: 1000px) {
	.block-parallax-section .layer3 h1 {
		font-size: 80rem;
	}
}

@media (max-width: 699px) {
	.block-parallax-section .layer3 h1 {
		font-size: 40rem;
	}
}