@charset "UTF-8";

body, html {
	background-color: #404040;
	margin: 0px;
	height: 100%;
	width: 100%;
}

#videoTable {
    display: table;
	height: 100%;
    width: 100%;
}
#videoCell {
    display: table-cell;
	height: 100%;
    vertical-align: middle;
}
#videoContainer {
	margin: 0px auto;
	padding: 0px;
}
video {
	outline: 0;
}
@media screen and (min-width: 966px) {
#videoContainer {
	width: 960px;
	height: 540px;
}
}
@media screen and (max-width: 965px) and (min-width: 646px) {
#videoContainer {
	width: 640px;
	height: 360px;
}
}
@media screen and (max-width: 645px) and (min-width: 486px) {
#videoContainer {
	width: 480px;
	height: 270px;
}
}
@media screen and (max-width: 485px) and (min-width: 0px) {
#videoContainer {
	width: 320px;
	height: 180px;
}
}