html, body
{
    width:100%;
    height:100%;
    overflow-x:hidden;
}
*
{
    box-sizing: border-box;
    margin:0;
    padding:0;
}
main{
	position:relative;
	height:100%;
	width:100%;
	text-align:center;
    display:block;
}

div#container{
	width:800px;
	max-width:800px;
	/* height:auto; */
	position: absolute;
	top: 50%;
	left: 50%;
    -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
}
video
{
    display:block;
    width:100%;
    /* height:100%; */
}

@media screen and (max-width: 800px) {
	div#container{
		width:95%;
		max-width:95%;
	}
}