* {
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	}

#menu a,#menu span{ 
			color:rgb(80,80,80);
		}

#screen-size{
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100px;
		height:100px;
		color:black;
		z-index:1;
	}

#video-container{
	position:relative;
	/* margin-left: auto;
	margin-right: auto; */
	left:50%;
	transform: translate(-50%, 0%);
	overflow: hidden;
	
}



/*menu desktop + hi res tablets*/
@media screen and (min-aspect-ratio: 10/16){

	html{
		background:rgb(70,60,60);
		height: 100%;
		width: 100%;
	}
	
	body{
		
		position: absolute;
		height: 100%;
		width: 100%;
		overflow: auto;
	}
	#my-video{
		height:100%;
		border:1px solid black;
		left:0;
		left:50%;
		transform: translate(-50%, 0%);
	}
	.video-js, .vjs-big-play-centered{
		/* display: none; */
		position:absolute;
		left:0;
		/* height:100vh;
		width: calc(100vh); */
	}

	@media screen and (min-width: 1120px){
		#video-container{
			height: 720px;
			width:1280px;
		}
	}
	@media screen and (max-width: 1119px){
		#video-container{
			margin-top: 40px;
			height: 432px;
			width:768px;
		}
	}
}
/*phones & tablets portrait*/
@media screen and (max-aspect-ratio: 10/16){
	html{
		background:rgb(70,60,60);
		height: 100%;
		width: 100%;
	}
	
	body{
		
		position: absolute;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	
	#video-container{
		position: relative;
		height: calc(26%);
		width:100%;
		margin-top: 6vw;
		margin-bottom: auto;
	}

	#my-video{
		width:100%;
		border:1px solid black;
		left:0;
		left:50%;
		transform: translate(-50%, 0%);
	}
	.video-js, .vjs-big-play-centered{
		/* display: none; */
		position:absolute;
		left:0;
		/* height:100vh;
		width: calc(100vh); */
	}
	.my-video-dimensions{
		height:100%;
	}
}