@charset "UTF-8";
/* CSS Document */
#backgroundMovie, #backgroundMovieFront {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	z-index: 0;
}
#backgroundMovieFront {
	animation: 1s bgFade ease;
}
@keyframes bgFade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media (min-aspect-ratio: 16/9) and (min-width: 1400px){
	#backgroundMovie, #backgroundMovieFront {
		height: 300%;
		min-height: 300%;
		width: 100vw;
		top: -100%;
		left: 0;
		right: auto;
	}
}
@media (max-aspect-ratio: 16/9) {
	#backgroundMovie, #backgroundMovieFront {
		width: 340%;
		height: 100vh;
		top: 0;
		left: -120%;
	}
}
/*
@media all and (max-width: 600px) {
	#backgroundMovie, #backgroundMovieFront {
		width: 200%;
		left: -50%;
		padding: .5rem;
	}
	#backgroundMovie, #backgroundMovieFront {
		margin-bottom: .2rem;
	}
}
*/
/*
@media all and (max-width: 500px) {
	#backgroundMovie,
	#backgroundMovieFront {
		width: 100%;
		height: auto;
		top: 0;
		left:0;
	}
}
*/