@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; }
	div#s4-workspace, div.s4-ca { width: 100%; }
	div.customWidth { width: 95%; margin:0 auto; } 
	div.columnfull  { width: 100%; }
	
	.saclogolink, .fpalink { display:none; }	
	.centerimage, .centerimage img { width:100%; height:auto; }
	
	.col1 { width: 27%; margin: 0 16px 0 0; }
	.col2 { width: 68%; padding:0 0 25px 1.5%; border-left:1px dashed #999; }
	div.pageimage img { width:100%; height:auto; }
	.nav-menu, .nav-menu ul  { width: 100%; }

/* smart phones and small tablets */

@media screen and (max-width: 749px) {
	
	body, body.ms-backgroundImage { background:#fff; }
	div#s4-workspace, div.s4-ca { width: 100%; }
	div#s4-bodyContainer { width: 100% !important; padding-top:0; }
	div.customWidth { width: 100%; font-size:100%;}
	div#columnwrapper { width: 90%; margin:0 auto; }
	
	#s4-titlerow { background: #333; height:auto; }
	.topnav { float:none; width: 100%; padding: 10px 0;  }
	.topnav ul { font-size:90%; }
	.topnav ul li { padding: 0px 10px; }
	
	.col1 { float:none; width: 100%; margin:0; min-height:50px; }
	.col2 { float:none; width: 100%;  border-left:none; min-height:auto;}
	
	div.middleCol-3dHome { float:none; width:100%; }
	div.rightCol-3dHome  { float:none; width:100%; margin: 0; }
	
	#CurrentNav { position: relative; width:100%; margin-top: 20px; }
	.nav-menu   { position:absolute; left:0; top: 60px; }
	.nav-menu  ul { width:100%; background:#f3f3f3; text-align:left; }
	#CurrentNav.CurrentNav ul li a, #CurrentNav ul li a:visited { display:block; height:auto; padding:10px 15px; background:#7e7f82; font-size:110%; color: #fff; border-bottom:#f3f3f3; margin-bottom: 1px; }
	
	#CurrentNav.CurrentNav ul li a:hover{ background: #91081a; color: #fff;  }
	#CurrentNav.CurrentNav ul li.static.selected a{ background: #91081a; color: #fff; }	
	
	#footer { height:auto; font-size: 60%; padding: 10px 0; text-align:center; }
	
}

/* logo banner for mobile phones */
@media screen and (max-width:  479px) {

	.topnav ul { text-align:center; }
	.centerimage { height: 60px;}
	h1, h1.ms-rteElement-H1 { font-size:1.35em; }
}