@charset "UTF-8";
/* CSS Document */


/* 1200+  */
/****************************/
/* REGULAR					*/
/****************************/

@media (min-width: 1200px) {
	.mobile-show	{ display:none;}
	.mobile-hide	{ display:block;}
	
	.container { width:1000px;}
	
	#myreel {
		 width:1200px;
		 height:675px;
	}

}

/* 992 <-> 1300  */
/****************************/
/* IPAD LANDSCAPE 			*/
/****************************/

@media (min-width: 1000px) and (max-width: 1200px) {
	
	.mobile-show	{ display:none;}
	.mobile-hide	{ display:block;}
	
	.container		{ width:1000px;}
	
	#myreel {
		width:990px;	
		height:557px;
	}
}


/****************************/
/* 740 <-> 992  IPAD (P)
/****************************/

@media (min-width: 740px) and (max-width: 1000px) {
	
	.mobile-show	{ display:none;}
	.mobile-hide	{ display:block;}
	
	.container 		{ width:740px;}
	
	#myreel {
		width:720px;	
		height:405px;
	}
	
}


/****************************/
/* 480 <-> 750 IPHONE (L)
/****************************/

@media (min-width: 480px) and (max-width: 740px) {
	..mobile-show	{ display:block;}
	.mobile-hide	{ display:none;}

	.container 		{ width:100%;}
	header { margin-bottom:15px;}
	
	
	.mobile-nav-btn {
		display:block;
	}
	
	#logo img {
		width:300px;
		height:auto;
		margin-top:20px;
	}
	
	nav.whitenav ul li {
		list-style: none;
		line-height: 50px;
		display: inline;
		margin: 0px 15px 3px;
	}
	
	#darklogo {
	    position: absolute;
		left: 10px;
		top: 10px;
		margin-left: 0px;
	}
	
	nav.darknav ul {
		display:none;
	}
	
	#reelnav img {
		width: 100px;
	}
	
	#reelnav span {
		font-size: 9px;
	}
	
	#myreel {
		width:450px;	
		height:253px;
		max-width:100%;
	}
}

/****************************/
/* IPHONE PORTRAIT 			*/
/****************************/

@media (max-width: 480px) {
	
	.mobile-show	{ display:block;}
	.mobile-hide	{ display:none;}

	.container 		{ width:100%;}
	header { margin-bottom:15px;}
	
	#myreel {
		width:320px;	
		height:180px;
		max-width:100%;
	}
	
	.mobile-nav-btn {
		display:block;
	}
	
	#logo img {
		width:300px;
		height:auto;
		margin-top:20px;
	}
	
	nav.whitenav ul li {
		list-style: none;
		line-height: 50px;
		display: inline;
		margin: 0px 15px 3px;
	}
	
	#darklogo {
	    position: absolute;
		left: 10px;
		top: 10px;
		margin-left: 0px;
	}
	
	nav.darknav ul {
		display:none;
	}
	
	#reelnav img {
		width: 100px;
	}
	
	#reelnav span {
		font-size: 9px;
	}
	
	

}