/*  ==============================================================================
	MEDIA QUERIES
================================================================================== */

@media only screen and (max-width:959px) { 

#s4-statusbarcontainer, #s4-ribbonrow { display:none; } 
#fixed-width-960 { width: 100%; }
header, #header { width: 100%; height:auto; }

img { height:auto; }
	
.logo-sublevel, .logo { margin-top: 30px; margin-left: 5%; z-index:3; }

.tagline-text { width: 100%; text-align: center; }

.sac100callout { margin: 65px 0 0 0; }

.joinus        { float:left; width:45%; height: auto; padding:0 0 20px 5% ; color:#6b1828; font-size:1.2em; }
.medianetworks { margin-right: 2%; }
.homepromo { width: 645px; margin: 0 auto; padding-top: 0px; }  
.promo-col2 { margin-right:0;}
.promo-col3 { float: none; margin:0 auto 25px auto; }

footer, #footer { width:95%; margin:0 auto; }
.mailinglist-signup { height:36px; padding: 12px 55px 0 25px; }

.content-wrapper { width:90%; padding: 5%;  }
.content-wrapper img { }
.centerimage { overflow:hidden; }

.months             { float: none; width: 99%;  }
.months ul          { text-align:center;}
.months ul li       { display:inline-block; }
.monthlycal-content { width:90%; margin:0 auto; }

#savethedate { width: 90%; margin-left:0; padding: 10px 5%; }

.eventWrapper { background:#fff; } 

.eventCol1 { float:none; width: 90%; margin: 0 auto; }
.eventCol2 { float:none; width: 85%; margin: 0 auto; padding: 2.5%; background:#f6f6f6; overflow:auto; margin-bottom: 30px; }

.event-datetime { float:left; width: 30%; padding-right: 5%; border-bottom: none; }
.event-location { float:left; width: 30%; padding-right: 5%; border-bottom: none; }
.event-contact  { float:left; width: 30%; }

#carouselwrapper { height: 100% !important; }
#carouselwrapper img { height: 100%; }
#carouselwrapper.bio; #carousel.bio img { height: 100% !important; }

.bioLeftCol  { width: 55%; }
.bioRightCol { width: 40%; }

#SAC100-currentNav div.currentNav{ width:95%; margin : 25px auto 0 auto ;  }

.get-involved-banner { padding-left:0; text-align:center; }
.get-involved-banner img { float:none; margin:10px 0px; }

} /* end of media queries */

@media only screen and (max-width:749px) {

#s4-bodyContainer { min-width: 320px !important;  }
#s4-statusbarcontainer, #s4-ribbonrow { display:none; } 
.s4-ca { min-width:320px; max-width: 480px; }

#background{ background-size: 0%; background-color:#fff; }
#carouselwrapper { display:none; }

.logo-sublevel, .logo { clear:both !important; margin: 30px auto 0 auto; }

.logo h1 a,
.logo h1 a:link,
.logo h1 a:visited { background: url("/100/Style Library/SAC100-SP2013/images/sac100-logo-sublevel-2.png") no-repeat; }

header, #header { max-width:480px; height: auto; padding-bottom: 15px; }

#fixed-width-960 { width: 100%; margin:0; }
 
.tagline       { display:none; } /* hiding celebrating bar and contenthome box */
.contenthome   { height:auto;  }

.sac100callout { float:none; width: 90%; height: auto; padding:0; margin: 30px auto 0 auto; }
.sac100callout a img { width: 100%; height: auto; }

.connect 	   { clear:both; width:100%; height:auto; padding-top: 30px;  }
.joinus        { float:none; width:90%; height: auto; padding:0 0 20px 5% ; color:#6b1828; font-size:1.2em; }
.medianetworks { float:none; width:100%; height: auto; padding:0 0 30px 0 ; text-align:center; }
.ticker { display:none; }

/**/
.homepromo  { width:100%; margin:0 auto;}
.promo-col1 { float: none; width: 230px; margin:0 auto; }
.promo-col2 { float: none; width: 90%; margin:0 auto; }
.promo-col3 { float: none; width: 285px; margin:0 auto; margin-bottom: 20px; }

.promo1,.promo2, .promo3,.promo4 { height:auto; margin-bottom: 20px; }
.promo4 .ms-webpartzone-cell, .promo2 .ms-webpartzone-cell { margin: auto auto 0px; }
.promo-col2 img, .promo-img2, .promo-img4 { width: 100%; height:auto; margin:0 auto; }

footer, #footer { width:95%; margin:0 auto; }

/**/
.content-wrapper { width:90%; padding: 5%;  }
.content-wrapper img { width:100%; }
.layout1 { margin-top:20px; }

.mailinglist-signup { width:100%; clear:both; color:#666; padding: 12px 0 0 0; background:none; }

.months             { float: none; width: 99%;  }
.months ul          { text-align:center;}
.months ul li       { display:inline-block; }
.monthlycal-content { width:90%; margin:0 auto; }

#savethedate { width: 90%; margin-left:0; padding: 10px 5%; }

.monthlyCal-wrapper { margin-top: 20px; }
.monthlycal-content { border-left:none; float: none; padding: 0 5%; width: 90%; min-height:auto;	}
    
.eventWrapper { background:#fff; }
.eventCol1 { float:none; width: 90%; margin: 0 auto; }
.eventCol2 { float:none; width: 80%; margin: 0 auto; padding: 5%; background:#f6f6f6; overflow:auto; margin-bottom: 30px; }
.eventCol1 img { width:100%; }

.bioLeftCol  { float:none; width: 90%; margin: 0 auto; }
.bioRightCol { float:none; width: 90%; margin: 0 auto; }

#SAC100-currentNav div.currentNav{ width:90%; margin : 25px auto 0 auto ;  }
} 

@media only screen and (max-width:375px) {

	.footer-media-icons { padding: 25px 0; text-align:center; }
	.links-to-bios { float:none;}
	.bio-links-col1 { margin-right:0; width:100%;  }
	.bio-links-col2 { width:100%; }

}
/* end of media queries */