@charset "utf-8";

a {
background: none;
outline: none;
}
a:link {color: #000;}
a:visited {color: #000;}
a:focus {color: #CB5D1E;}
a:hover {color: #CB5D1E;}
a:active {color: #CB5D1E;}

a.none {color: inherit; text-decoration: inherit;}

body {
background: #999;
color: #000;
margin: 0;
padding: 0;
}

	#logo{
	width:auto;
	position:relative;
	margin-top : 25px;
	}
	
	#video-container{
	border:1px solid #FFF;
	position:relative;
	}

@media(min-width:200px) and (max-width:300px){
	#logo{
	margin-left : 15px;
	}
	
	#video-container{
	width:200px;
	height:112px;
	margin-left : 50%;
	left : -100px;
	}
}
	
@media(min-width:300px) and (max-width:400px){
	#logo{
	margin-left : 25px;
	}
	
	#video-container{
	width:300px;
	height:168px;
	margin-left : 50%;
	left : -150px;
	}
}


@media(min-width:400px) and (max-width:500px){
	#logo{
	margin-left : 25px;
	}
	
	#video-container{
	width:400px;
	height:224px;
	margin-left : 50%;
	left : -200px;
	}

}
@media (min-width:500px) and (max-width:600px){
	#logo{
	margin-left : 50px;
	}
	
	#video-container{
	width:500px;
	height:281px;
	margin-left : 50%;
	left : -250px;
	}

}

@media (min-width:600px) and (max-width:700px){
	#logo{
	margin-left : 75px;
	}
	
	#video-container{
	width:600px;
	height:337px;
	margin-left : 50%;
	left : -300px;
	}

}
@media (min-width:700px){
	#logo{
	margin-left : 10%;
	}
	
	#video-container{
	width:635px;
	height:357px;
	margin-left : 50%;
	left : -316px;
	}

}


}