/* ====================================================================== *
      VIDEO AT TOP
 * ====================================================================== */

 .video_responsive {
	padding-bottom: 42.70%; /*1920:820 or height 820 ÷ width 1920 = .4270*/
	position: relative;
	width: 100%;
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
	overflow: hidden;
	transform: translateZ(0);
}
.canvas,
.video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}
.over_video_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	background-size: cover;
}
.over_video{
	position: absolute;
	top: 23.8%;
	left: 8.7%;
	z-index: 10;
}
.over_video_text{
	font-size: 115px;
	line-height: 100px;
	color: var(--over-video-text-color);
}
.over_video_secondarytext{
	font-size: 60px;
	color: var(--over-video-secondarytext-color);
}

/* RESPONISVE */

@media only screen and (max-width: 950px) {
	.over_video_text{
		font-size: 60px;
		line-height: 60px;
	}
	.over_video_secondarytext{
		font-size: 30px;
	}
}

@media only screen and (max-width: 720px) {
	.over_video_text{
		font-size: 40px;
		line-height: 40px;
	}
	.over_video_secondarytext{
		font-size: 25px;
	}
}

@media only screen and (max-width: 540px) {
	.over_video_text{
		font-size: 35px;
		line-height: 35px;
	}
	.over_video_secondarytext{
		font-size: 20px;
	}
}

@media only screen and (max-width: 440px) {
	.over_video_text{
		font-size: 30px;
		line-height: 30px;
	}
	.over_video_secondarytext{
		font-size: 15px;
	}
}