@media screen and (min-width: 750px) {
	.menu-toggle { display: none; }
	.CurrentNav div.nav-menu { display: inline-block; }
}
/* Tablets */

@media screen and (max-width: 959px) { 
	div.forAuthor { display:none; }
	body.ms-backgroundImage { background: #372f66; }
	div#s4-bodyContainer { margin-top:0; width: 100%; }
	div#s4-workspace, div.s4-ca { width: 100%; }
	div.customWidth { width: 100%; margin:0 auto; font-size:0.9em; }
	#pagebackground { width: 100%; background: none; }	
	div#columnwrapper { width: 95%; padding:15px 2.5%; background:#fff; overflow: hidden; }
	
	header { background: #5e5e7c; }
	div#topnav { font-size:0.9em; padding:15px 20px 5px 0; }
	
	.centerimage { width: 100%; height:180px; margin: 0; background:#fff; } 
	.centerimage img { width:100%; height:auto; margin: 5px 0 0 0; } 
	.centerimage div.adRotator img { margin:0 ;} 
	
	.col1 { width: 26%; min-height:auto; height:auto; padding-left: 20px; }
	.col2 { width: 65%; left:20px; padding:0 2.5% 15px 0;  } 
	
	.CurrentNav div.nav-menu { padding:0; }

	div.pageimage img, img.pageimage { width:100%; height:auto; }
	
	div.facbiocol1 img  { width:85%; height:auto; }
	div.facbiocol2 { width:65%; }
}

/* smart phones and small tablets */

@media screen and (max-width: 749px) {
	
	div#s4-workspace, div.s4-ca { width: 100%; }
	div#s4-bodyContainer { width: 100% !important; padding:0 }
	div.customWidth { width: 100%; font-size:100%;}
	div#topnav { float:none; width: 100%; padding: 15px 0 5px 0; height:25px; font-size:0.75em; }
	div#topnav ul { font-size:100%;  }
	div#topnav ul li { padding: 0px 25px 0 0; }
	
	.centerimage { height:135px; }
	
	.col1 { float:none; width: 90%; margin:0 auto; min-height:50px; padding-left:0; }
	.col2 { float:none; width: 90%; margin:0 auto; padding:0; }
	
	#CurrentNav   { position: relative; width:100%; margin-top: 20px; }
	.CurrentNav div.nav-menu { left:0; }
	.nav-menu     { position:absolute; left:0; top: 60px; width:100%; }
	.nav-menu  ul { background:#f3f3f3; text-align:left; border-bottom: 25px solid #fff;}
	#CurrentNav.CurrentNav ul li a, #CurrentNav ul li a:visited { display:block; height:auto; padding:10px 15px; font-size:110%; color:#fff; background:#5e5e7c; border-top: 1px solid #fff; border-bottom:none; }
	#CurrentNav.CurrentNav ul li a:hover{ color: #fff; background:#372f66  }
	#CurrentNav.CurrentNav ul li.static.selected a{ color: #fff; background:#372f66; }	
	
	#footer { height:auto; font-size: 75%; padding: 15px 5%; text-align:center; background:#666; }
	
	div.fac1, div.fac2 { float: none; width: 100%; padding: 10px 0 20px 0; }
}

/* logo banner for mobile phones */
@media screen and (max-width:  480px) {
	
	.columnfull { width: 100%; padding:0; }
	#CurrentNav   { margin-top:0; }
	#topnav ul { float:none; text-align:center; }
	.centerimage { width: 100%; height:80px; margin:0; background:#080720 url(../Images/theatre-mobile-banner.png) no-repeat center; }
	.centerimage img { display:none; }
	h1, h1.ms-rteElement-H1 { font-size:1.35em; }
	.col2 { font-size: 1em;}
	
	div.facbiocol1 { float:none; width:100%; margin-right:0; padding-top: 10px; }
	div.facbiocol1 img  { width:75%; height:auto; }
	div.facbiocol2 { float:none; width:100%; padding: 0; }
}