.carousel-section {
	position: relative;
}

.carousel-section .carousel-item .view {
 	width: 100%;
 	height: 50vh;
}

.carousel-section .playerBox {
 	width: 100%; 
 	height: 100%;
 	overflow: hidden; 
}

.carousel-caption .h3-responsive {
	font-size: 4.5vw;
	margin-bottom: 30px;	
}

body.hero-video {
	margin:0;
	padding: 0;
	overflow: hidden;	
	position: relative;
}
body.hero-video video {
	position: absolute;
	top: -50%;
 	min-width: 100%;
  	min-height: 100%;
}

@media (min-aspect-ratio: 16/9) {
	body.hero-video video {
    	width:100%;
		height: auto;
	}
}

@media (max-aspect-ratio: 16/9) {
	body.hero-video video {
   		width:100%;
		height: auto;
	}
	.carousel-section .carousel-item .view {
	 	height: 32vh;
	}
}
		
@media screen and (max-width: 40em) {
	.carousel-section .carousel-item .view {
	 	height: 25vh;
	}
	
}

@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	
	.carousel-caption .h3-responsive {
		margin-bottom: 8.5vh;	
	}
}

@media (min-width: 992px) {
	
}

@media (min-width: 1200px) {
	
	
}