#eyecatcher {
	max-height: 570px
}

#eyecatcher .wpb_content_element {
	margin: 0
}

#eyecatcher .vimeo-wc-video::after {
	content: '';
	display: block;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, rgba(1, 58, 86, 0.80) 100%);
	mix-blend-mode: multiply;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#eyecatcher .vimeo-wc-video iframe {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	width: 100vw !important;
	height: 100vh  !important;
	max-width: none !important;
	max-height: none !important;
	transform: translate(-50%, -50%);
}

#eyecatcher .vimeo-wc-video > div {
	padding: 0 !important;
	height: 100vh;
	max-height: 570px;
}

@media (min-aspect-ratio: 16/9) {
	#eyecatcher .vimeo-wc-video iframe {
		height: 56.25vw  !important;	
	}
}

@media (max-aspect-ratio: 16/9) {
	#eyecatcher .vimeo-wc-video iframe {
		width: 177.78vh  !important;
	}
}

#eyecatcher .eyecatcher-overlay {
	position: absolute;
	inset: 0;
    display: flex;
    align-items: flex-end;
	padding-left: 15px;
	padding-right: 15px;
	color: var(--w3-white);
	margin-bottom: 4rem;
}

#eyecatcher .eyecatcher-overlay .wpb_content_element {
	max-width: 800px;
}

#eyecatcher .eyecatcher-overlay h2 {
	font-size: calc(1.425rem + 2.1vw);
	color: var(--w3-white);
}


@media (min-width: 992px) {
	#eyecatcher .eyecatcher-overlay h2 {
		font-size: 3rem;
	}
	
	#eyecatcher .eyecatcher-overlay {
		padding-left: 55px;
		padding-right: 55px;
	}
}
