.header-unit {
  min-height: 100%;
  border: 2px solid #000;
  border-right:none;
  border-left: none;
  position: relative;
  padding: 20px;
}
#video-container {
	position: absolute;
}
#video-container {
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}
video {
	position:absolute;
	z-index:0;
}
video.fillWidth {
	width: 100%;
}



@media only screen and (min-width: 1280px) {
    .header-unit {
        min-height: 99%;
    }	
}

@media only screen and (min-width: 1024px) {
    .header-unit {
        min-height: 97%;
    }	
}
@media only screen and (min-width: 640px) {
    .header-unit {
        min-height: 73%;
    }	
}
@media only screen and (min-width: 360px) {
    .header-unit {
        min-height: 73%;
    }	
}
@media only screen and (min-width: 320px) {
    .header-unit {
        min-height: 30%;
    }	
}