@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-bodyContainer { padding-top:0; }
	div#s4-workspace, div.s4-ca { width: 100%; }
	div.customWidth { width: 100%; margin:0 auto; font-size:0.9em; }
	#pagebackground { width: 100%; background: #fbfbfb url(../Images/bg_main-2.png) no-repeat top left; }	
	
	.centerimage { width: 100%; height:160px; margin: 0; } 
	.centerimage img { width:100%; height:auto; margin: 5px 0 0 0; } 
	
	.col1 { width: 26%; min-height:auto; height:auto; padding-left:0; }
	.col2 { width: 60%; padding:25px 20px 15px 0;  } 
	
	.CurrentNav div.nav-menu { left:20px; padding:0; }

	div.fac1, div.fac2 { float: none; width: 75%; margin: 0 0 20px 0; padding: 10px 0 0 0; }
	h2.bg { background: transparent url("../Images/comm-bg_h2.png") no-repeat scroll left bottom; }
	
	div.pageimage img, img.pageimage { width:100%; height:auto; }

/* 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:0 }
	div.customWidth { width: 100%; font-size:100%;}
	#pagebackground { background:#fff; }	
	
	header { background:#5e5e7c; }
	div#topnav { float:none; width: 100%; padding: 15px 0 0 0; }
	div#topnav ul { font-size:1em;;  }
	div#topnav ul li { padding: 0px 25px 0 0; }
	
	.col1 { float:none; width: 90%; margin:0 auto; min-height:50px; padding-left:0; }
	.col2 { float:none; width: 90%; margin:0 auto; padding:0; }
	div.facultycol2 { float:none; width: 100%; padding:0; }
	
	#CurrentNav   { position: relative; width:100%; margin-top: 20px; }
	.CurrentNav div.nav-menu { position:absolute; left:0; top: 60px; width:100%; }
	.CurrentNav div.nav-menu  ul { background:#f3f3f3; text-align:left; border-bottom: 25px solid #fff; }
	
	#footer { height:auto; font-size: 75%; padding: 15px 5%; text-align:center; background:#666; }
}

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

	#topnav ul { text-align:center; }
	.centerimage { width: 100%; height:80px; margin:0; background:#242440 url(../Images/logobanner-mobile.png) no-repeat center; }
	.centerimage img { display:none; }
	h1, h1.ms-rteElement-H1 { font-size:1.35em; }
}