#outer{
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 500px;
}
video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
#home-top-video:before {
	content:"";
	position: absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:1;
	background:rgba(0,0,0,0.4);
}
#home-top-video {
  left: 0%;
  top: 0%;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}

@media screen and (max-width: 1000px) {
	.video,#outer{
		height: 350px;
	}
}
@media screen and (max-width: 800px){
	.video,#outer{
		height: 300px;
	}
}
@media screen and (max-width: 600px){
	.video,#outer{
		height: 250px;
	}
}
@media screen and (max-width: 400px){
	.video,#outer{
		height: 200px;
	}
}