.test-video {
	width: 600px;
	height: 380px;
	margin: 270px auto 0;
	background: url("https://s3-eu-west-1.amazonaws.com/hnie-assets/pages/Education+Campaign/images/microsoft-video.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.video-container {
	position: relative;
}

.play-button {
  	width: 80px;
  	height: 80px;
  	left: 50%;
  	top: 50%;
  	margin-left: -40px;
  	margin-top: -40px;
  	position: absolute;
}

.play-button-sm {
  	width: 50px;
  	height: 50px;
  	left: 50%;
  	top: 50%;
  	margin-left: -25px;
  	margin-top: -25px;
  	position: absolute;
}

.hn-video-modal{display:none;position:fixed;top:50%;margin-top:-300px;left:50%;margin-left:-450px;z-index:999;width:900px;height:507px}
.hn-form-modal{display:none;position:fixed;top:50%;margin-top:-300px;left:50%;margin-left:-250px;z-index:999;width:500px;}
.video-source-container{width:100%;height:100%}
.hn-video-modal iframe{width:100%;height:100%}
.hn-form-modal iframe{width:100%}
.hn-modal-cover{display:none;position:fixed;top:0;height:100%;left:0;width:100%;background:rgba(255,255,255,0.8);z-index:990}
.close-modal{position:absolute;top:-50px;right:-50px}
.play-button:hover, .play-button-sm:hover, .close-modal:hover{cursor:pointer}

@media screen and (max-width:1150px){
.hn-video-modal{margin-top:-169px;margin-left:-300px;width:600px;height:338px}
.close-modal{right:0;width: 30px;top: -35px;}
#html5-close {margin-right: 0 !important}
}

@media screen and (max-width:750px){
.hn-video-modal{margin-top:-90px;margin-left:-150px;width:300px;height:169px}
.hn-form-modal{margin-left:-150px;width:300px;}
.play-button {
	  width: 50px;
	  height: 50px;
	  margin-left: -25px;
	  margin-top: -25px;
	}
}
