/* ------------- STRUCTURE -------------------*/


/* for 980px or less */
@media screen and (max-width: 980px) {	
	#pagewrap {
		width: 98%;
	}	
	.bigcol {
		overflow:hidden;
	}
	.section	{	
	padding: 0 30px;	
	}
	
}



/* Mobile Landscape  */
@media screen and (max-width: 650px) {
	#pagewrap {
		width: 100%;
		margin: 0;		
	}
	div.threePics a:nth-child(1) img, div.threePics a:nth-child(2) img, div.threePics a:nth-child(3) img	{		
		width: 99%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #c1c1c1;
		border-left: 1px solid #eaebee;
		border-right: 1px solid #eaebee;
		margin: -3px;
		margin-bottom: 20px;
	}
	.section, .navContainer	{	
		padding: 0 20px;	
	}
	#header	{
		text-align: center;
	}
	
	#header .logo	{	
	display: none;
}
#header a.logo2	{	
	display: block;
	margin-left: 30px;
}
#header img.strapline	{
	display: none;
}
	.navContainer	{
		display: none;
	}
	.mobileNav	{
		display: block;
		margin-left: 20px;
		margin-top: 20px;
	}
	.mobileNav li	{
		float: left;
		display: inline;
		-border: 1px dotted red;
		width: 31%;
		margin-right: 5px;
	}
	
	div.mobileNav img	{
		
		border: 1px solid #fff;
		border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	}
	div.mobileNav img:hover	{
		background: #e5e5e5;
	}
	
	
	
	h1 {
		font-size: 1.6em;
	}
	h2 {
		font-size: 1.2em;
	}
	h3 {
		font-size: 14px;
	}
	p.didactic	{
		font-size: 11px;
		margin-top: 0em;
	}
			
	.menucol{	
	display: none;	
	}
	
	footer {		
		padding: 10px 10px;
		padding-bottom: 20px;
	}
	footer .upper li a h1	{
		font-size: 1.3em;
		text-align: left;
	}
	footer .upper p {
		font-size: 0.9em;
		margin: 0;
	}
	footer .upper li a {
		padding: 10px 7px;
	}
	.lower ul.partners	{
		width: 86.0%;		
	}
	div#copyright	{	
		font-size: 0.6em;
	}
	br.break	{
	display: inline;
	}
	
}
	


/* Mobile Portrait */
@media screen and (max-width: 400px) {
	#pagewrap {
		width: 100%;
		margin: 0;		
	}
	.section, #header, .navContainer{	
	padding: 0 10px;	
	}
	#header {		
		-background: #ececec  url('../img/SCLogo.png') no-repeat;
		-background-position: top center;
		-background-size:75%;
		-height: 315px;
		-margin-bottom: -1px;
	}
	

	
	p.didactic	{
		font-size: 10px;		
	}
	
}