.big-main-title{

	color: black;
	position: absolute;

	transition-property: opacity;
  	transition-duration: 0.6s;

  	opacity: 0%;

	top:50%;
	left:50%;

	transform: translate(-50%,-50%);

	width:90%;
}

h1.big-title{
	text-align: center;
	font-size: 180px;
	font-weight: 100;
	margin:auto;
}

h2.motto{
	text-align:center;
	font-weight:500;
	margin:10px;
	font-size: clamp(16px, 2vw, 22px);
}

.video-loader{

	background-color: white;

	top:50%;
	left:50%;

	transform: translate(-50%,-50%);

	position:fixed;

	transition-property: background-color opacity;
  	transition-duration: 0.5s;

  	z-index: 100;
}

.video-loader.hidden{
	opacity:0%;
	background-color: white;
	z-index: -1;
}

.video-cache{
	background: white;
	opacity: 16%;
	position: absolute;
	width: 100%;
	height: 100%;
}

.loader{
	position:absolute;
	top:50%;
	left:50%;
	width:120px;
	height:120px;

	transform: translate(-50%,-50%);

	animation : loader 2s ease infinite;

	opacity: 100%;
}

.loader.hidden{
	transition-property: background-color opacity;
  	transition-duration: 0.5s;

  	opacity: 0%;
}

@keyframes loader{

	0%{
		opacity: 20%;
	}
	50%{
		opacity: 100%;
	}
	100%{
		opacity: 20%;
	}
}

.video-block{
	width:100%;
	height:100vh;

}

.videobg{
	z-index:-1;
	position:absolute;

	top:50%;
	left:50%;
	transform: translate(-50%,-50%);

	object-fit: cover;
	width: 100%;
	height:100%;
}

.video-height{
	height:800px;
}

@media (min-aspect-ratio: 16/9) {

iframe.videobg{
    height: 56.25vw;
}

}

@media (max-aspect-ratio: 16/9) {

iframe.videobg{
    width: 177.78vh;
    height: 160%;
}

}