video#bgvid {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
video { display: block; } 
@media screen and (max-device-width: 800px) {
body { background-color:#000; }
#bgvid { display: none;}
}
.dotted {
	position:fixed;
	min-width:100%;
	min-height:100%;
	width: auto;
	height: auto;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGUlEQVQ4y2NgoBJwoJAedcGoC0ZdMOAuAABF0hABJ/8lyQAAAABJRU5ErkJggg==');
	z-index:-99;
  
  }
.play_butt {
	background:white;
	border: dotted 1px gray;
	font-family:Arial;
	font-size:10px;
	color:#454545;
	margin:1px;
}