@media only screen and (max-width: 1400px){
	#shortcuts { left: 1260px; }
	#body aside { width: 200px; }
	
	#hero .control.back { left: 1em; }			
	#hero .control.next { right: 1em; }	
}

@media only screen and (max-width: 1300px){
	.wrapper { width: 100%; -webkit-box-shadow: none; box-shadow: none; } 
	#logo { left: 15px; }
	#utility { right: 25px; }
	nav#main ul { padding: 0 25px 0 10px; }
	.megamenu ol { padding: 20px !important; }
	.megamenu ol li { width: 120px !important; margin-right: 10px !important; }
	.megamenu ol li:nth-child(8n+0) { clear: both; }
	.megamenu ol li img { width: 120px !important; height: 60px !important; }
	.megamenu ol li span { font: 12px/13px 'Roboto Slab', 'serif'; }
	
	#shortcuts { left: inherit; right: 0; }
	#id { padding: 10px 20px; }
	#id h1 { font-size: 32px; }
	#section-front-promo, #story-front-promo { margin-right: 0; }
	#body { padding: 10px 20px; }
	#content.narrow { width: 350px; }
	#options { right: 20px; top: -60px }
	#options.section-front, body.section-front #options { top: -364px; }
	.slide.left .text { width: 40%; }
	.slide.right .text { width: 40%; }
	.below { padding: 1em; }
	body#home .signup { margin: 0; width: auto;}
	#featured-actions { padding: 12px 12px; width: 690px; }
	#featured-story { margin: 0; width: 230px; }	
	footer { padding: 35px 20px; font-size: 13px; }
	nav#footer ul li a { font-size: 13px; }
	footer .address1, footer .address2 { width: 150px; }
}

@media only screen and (max-width: 1264px) {
	#featured-actions { padding: 12px 12px; width: 660px; }
}

@media only screen and (max-width: 1235px) {
	#featured-actions { padding: 12px 12px; width: 600px; }
}

@media only screen and (max-width: 1190px){
	#featured-actions { padding: 12px 12px; width: 570px; }
}

@media only screen and (max-width: 1158px){
	#featured-actions { padding: 12px 12px; width: 540px; }
	#action1, #action2{ width: 205px; padding: 7px 5px; }
	#action1 img, #action2 img { width: 100%; }
}

@media only screen and (max-width: 1115px){
	#featured-actions { padding: 12px 12px; width: 495px; }
}

@media only screen and (max-width: 1075px){
	nav#main ul li a { font-size: 16px; }
	#id.section-front, #id.story-front { height: 300px; background-position: 120px top; }
	#section-front-intro, #story-front-intro { width: 50%; }
	#section-front-promo, #story-front-promo { width: 40%; height: auto; }
	#options.section-front, body.section-front #options { top:-304px; }
	#featured-actions { padding: 12px 12px; width: 470px; }
	#action1, #action2{ width: 175px; padding: 7px 5px; font-size: 13px; }
	#action1 img, #action2 img { width: 100%; }
	#featured-story { margin: 0; width: 190px; font-size: 13px; }
}

@media only screen and (max-width: 1015px){
	#featured-actions { padding: 12px 12px; width: 440px; }
}

@media only screen and (max-width: 980px){
	.megamenu ol li { width: 90px !important; }
	.megamenu ol li img { width: 90px !important; height: 45px !important; }
	.megamenu ol li span { font: 11px/11px 'Roboto Slab', 'serif'; padding: 0; }
	
	#above { height: 375px; }
	#hero { height: 375px; }
	.slide { background-size:cover !important; background-position: center top !important; }
	.slide a { height: 375px; }
	.slide.left .text { left: 3em; width: 50%; }
	.slide.center .text { padding: 0 3em; }
	.slide.right .text { right: 3em; width: 50%; }
	#hero a h1 { font: 30px/30px 'Roboto Slab', 'serif'; }
	#hero a p { font-size:15px; line-height:17px; }
	#hero .control { top: 327px; width:32px; height: 32px; padding: 8px; background-color:#125b9e; background-size: 16px; }
	#hero .control.back { left: 0; }			
	#hero .control.next { right: 0; }	
	
	body#home .signup { width: 50%; }
	#featured-actions { padding: 12px 12px;width: auto;height:auto; float: none;margin: 0;display: inline-block;clear:both; margin-top: 1em;}
	#action1 { float: left; width: 45%; padding: 7px; }
	#action2 { float: right; width: 48%; padding: 7px; }
	#featured-story { width: 35%; }
	
	#id.section-front { height: 40px; background-position: 200px top; }
	#id.section-front.issues, #id.story-front {  height: 300px; background-position: 120px top; }
	#id.section-front.issues p, #id.story-front p { font-size: 13px; line-height: 15px; } 
	#options.section-front, body.section-front #options { top:0; }
	#body aside { border-left: 0; border-top: 1px #bbb solid; padding: 15px 0; margin-top: 1em; width: 100%; }
	nav#footer { float: none; }
	nav#footer ul { margin: 0 auto; }
	nav#footer ul li { float: none; }
	footer .copy { text-align: center; }
	footer .address1, footer .address2 { clear: both; display: block; width: 100%; margin: 1em 0; text-align: center; }
	footer .address1 span, footer .address2 span { display: inline-block; padding-right: 1em; }
}

@media only screen and (max-width: 920px){
	nav#main ul li a { font-size: 15px; margin-right: .25em;}
}

@media only screen and (max-width: 850px){
	#utility { text-align:right; }
	#utility a { float: none; display: inline-block; margin-right: 0; margin-left: 1em; }
	#utility #search { clear: both; float: none; }
	
	.megamenu ol li:nth-child(7n+0) { clear: both; }
	.megamenu ol li:nth-child(8n+0) { clear: none; }
	.donate form { display:none; }
	#shortcuts { display: none; }
	#content { margin-right: 310px; }
	#options { top: 0; right: 0; }
	#section-front-promo img { width: 250px; height: 120px;}
}



@media only screen and (max-width: 740px){
	nav#main ul { padding: 0; }
	nav#main ul li { float: none; width: 18%; }
	nav#main ul li a { margin: 0; padding: .5em 0; font: 15px/15px 'Roboto Slab', 'serif'; }
	nav#main ul li a:hover { background-image: none; color: #ffd200; padding: .5em 0; }
	nav#main ul li#donate { float: none; }
	.donate h2 { float: none; }
	nav#main ul li h2 a, nav#main ul li h2 a:hover { padding: 0; }
	
	body#home .signup { width: 40%; }
	.subtitle { width: 80px; }
	#featured-story { width: 40%; }
	#id small { text-align:center; }
	#id h1 { text-align:center; }
	#id.section-front.issues, #id.story-front {  height: auto; text-align:center; background: none !important; }
	#section-front-intro, #story-front-intro { width:100%; text-align:center; margin-top:0 }
	#story-front-intro h1 { margin-left: 0; padding: 10px;}
	#id.section-front.issues p, #id.story-front p { font-size: 15px; line-height: 19px; text-align:center; }
	#section-front-promo, #story-front-promo { width:100%; padding: 1em 0; text-align:center; }
	.field-name-field-page-image img, .field-name-field-hero-image img, img.img-story { margin: .5em auto; float: none; display:block; }
	#content { margin-right: 0; }
	#options.section-front, body.section-front #options, #options { width: 100%; position:relative; clear:both; float: none; top: 0 !important; }
	#options.section-front, body.section-front #options {top: 0;}
	#snav { -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; width: 100%; padding: 0; }
	#snav h3 { margin: 1em 0 0 1em; }
	#snav ul { margin: 1em; }
	#snav.simple li { width: 100%; padding: .5em 0; }
	#content.narrow { width: 100%; }
	#options.middle-column, body.section-front #options.middle-column { border-left: 0; border-top: 1px #bbb solid; padding: 15px 0; margin-top: 1em; width: 100%; }
	.signup { background-repeat: repeat; }
}
@media only screen and (max-width: 660px){
	.megamenu { display: none !important; }
	#pagecontent { padding-top: 0px !important; }
	.megamenu ol li img { display:none; }
	#options.section-front, body.section-front #options {top: 0;}
}

@media only screen and (max-width: 600px){
	#logo, #logo img { width: 300px; height: 100px; }
	#logo { position:initial; padding-top: 1em; margin: 0 auto; }
	#utility { display: none !important; }
	nav#main { top: 25px; }
	
	#above { height: 350px; }
	#hero { height: 350px; }
	.mask { background: none !important; }
	.slide { background-size: cover !important;}
	.slide.none { background-size: cover !important; }
	.slide a { height: 350px; }
	.slide .text { background-color: rgba(44, 45, 45, .9); bottom: 0 !important; left: 0 !important; width: auto !important; padding: 1em 50px !important; text-align: center !important; }
	.slide.right .text { right: 0 !important; }
	#hero a h1 { font: 24px/24px 'Roboto Slab', 'serif'; margin-bottom: 5px; }
	#hero a p { display:none; }
	#hero .control { top: 302px; width:32px; height: 32px; padding: 8px; background-color:#125b9e; background-size: 16px; }
	#hero ul { display:none; }
	
	body#home .signup { width: 100%; }
	#featured-story { width: auto; margin-top: 1em; height: auto; }
	#action1, #action2 { float: none; width: auto; }
	
	#breadcrumbs {display:none; }
	#id { padding: 1em; }
	#id h1 { font-size: 22px; }
	#id h1:after { content:""; }
	
	ul#select { background: none; display: block; padding:.5em; margin-right: .5em; }
	ul#select { background: #89adcd; margin: 0 auto; width: 60%; }
	nav#main ul li { display:none; }
	nav#main ul li.select, ul#select li.select, header ul#select li.select, nav#main ul.cf  { display: block; width: auto; padding: 0 .5em; }
	nav#main ul li.select a.home, ul#select li.select a.home { 
		width: 16%; 
		height: 36px;
		padding: 0; 
		float: left;
		margin-right: 0; 
		background: #125b9e url(../img/li-home.png) no-repeat center center;
		opacity: 1; 
		-webkit-transition: all .35s ease-in-out;
			-moz-transition:    all .35s ease-in-out;
			-o-transition:      all .35s ease-in-out;
			-ms-transition:     all .35s ease-in-out;
			transition:         all .35s ease-in-out;  }
	nav#main ul li.select a.home:hover, ul#select li.select a.home:hover { background-color: #ffd200; }
	nav#main ul li.select a.home span, ul#select li.select a.home span { display: none; }
	
	.field-name-field-page-image img, .field-name-field-hero-image img, img.img-story { width: 90%; }
	
	ul.major, ul.minor { display: none; }
	footer ul#select { display: block; width: auto; background: #555; padding: .5em; margin: 0; }
	footer ul#select li.select a.home { background: #888 url(../img/li-home.png) no-repeat center center; }
	nav#footer ul li:after { content: ""; }
	#options.section-front, body.section-front #options {top: 0;}
}

@media only screen and (max-width: 480px){
	#above { height: 250px; }
	#hero { height: 250px; }.slide a { height: 250px; }
	#hero a h1 { font: 16px/16px 'Roboto Slab', 'serif'; margin-bottom: 5px; }
	#hero a h1::after { content:" )"; font-family: 'trilogyicons'; font-weight: 300; letter-spacing: 1px; font-size: 12px; line-height: 12px;}
	#hero .control { top: 202px;  }
	#hero .button { display:none; }
	
	article.staff-article img {float: none !important;}
	div.img-container {height: auto !important;}
	#options.section-front, body.section-front #options {top: 0 !important;}
}