@charset "utf-8";
/* CSS Document */
.video-banner-container{
	height: 44vh;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.video-banner{
	position: inherit;
    height: 100%;
	width: auto;
    overflow: hidden;
	border: none;
    z-index: -2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.video-banner iframe {
	transform: translate(-38%,-30%);
}
.video-banner-text{
	max-width: 95%;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	position: absolute;
    text-align: center;
    z-index: -1;
	background-color: rgba(255,40,19,.5);
	border: 2px solid white;
	
}
@media (min-aspect-ratio: 16/9) {
  .video-banner iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
	width: 100vw;
  }
}   
@media (max-aspect-ratio: 16/9) {
  .video-banner iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.77vh;
	height: 100vh;
	
  }
}
.card:active {
	background-color: #9a1114;
	color: white;
}
.card:active .badge{
	background-color: white !important;
	color: #9a1114 !important;
}
@media screen and (min-width: 576px){
	/*--.site-map-left {
		border-right: 1px solid dimgray;
	}--*/
	.video-banner-text {
		max-width: 80%;
	}
	.video-banner {
		width: 100%;
		height: auto;
	}
	.card{
		width: 100%;
		height: 100%;
		box-shadow: none;
		transition: all .15s ease-out;
	}
	.card:hover {
		height: 100.5%;
		border: 1px solid #9a1114;
		box-shadow: 0px 0px 7px rgba(0,0,0,.25);
		
	}
	.video-banner iframe {
		transform: translate(0%,0%);
	}
}
@media screen and (min-width: 768px){
	.video-banner-container {
		height: 50vh;
	}
}
@media screen and (min-width: 992px){
	.video-banner-text {
		max-width: 85%;
		top: 50%;
	}
}
@media screen and (min-width: 1200px){
	.video-banner-container {
		height: 60vh;
	}
	.video-banner-text {
		max-width: 75%;
	}
}
@media screen and (min-width: 1400px){
	.video-banner-container {
		height: 55vh;
	}
	.video-banner-text {
		max-width: 65%;
	}
}