/* PARALLAX */

.body {
  margin: -5px;
}

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

#parallax {
	display: block;
}

.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;
}
	#keyart-0 {
		background-image: url(../images/parallax/parallax0.webp);
		background-color: #252379;
	}
	#keyart-1 {
		background-image: url(../images/parallax/parallax1.svg);
	}
	#keyart-2 {
		left: 0; 
		right: 0; 
		margin-left: auto; 
		margin-right: auto; 
		margin-top: 7em;
		width: 360px;
	}
	#keyart-3{
		margin-top: 12em;
		color: #000319;
		left: 200px;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 345px;
	}
	#keyart-5 {
		background-image: url(../images/parallax/parallax5.svg);
	}
	#keyart-6 {
		background-image: url(../images/parallax/parallax6.svg);
	}
	#keyart-7 {
		background-image: url(../images/parallax/parallax7.svg);
	}
	#keyart-8 {
		background-image: url(../images/parallax/parallax8.svg);
	}
	#keyart-scrim {
		background-color: #252379;
		opacity: 0;
	}




@media screen and (max-width: 35em) {
	#keyart-0 {
		background-image: url(../images/parallax/bg-mobile.webp)!important;
		background-size: auto 1000px!important;
		
	}
	#keyart-1 {
		display: none!important;
	}
	#keyart-2 {
		display: none!important;
	}
	#keyart-3 {
		display: none!important;
	}
	#keyart-5 {
		display: none!important;
	}
	#keyart-6 {
		display: none!important;
	}
	#keyart-7 {
		display: none!important;
	}

}


@media screen and (max-width: 53em) and (orientation: landscape) {
  .content_mobile_marge_bot01 {
    padding-bottom: 130vh;
  }
  .content_mobile_marge_bot02 {
    padding-bottom:73vh;
  }
}