/*** media queries **/

@media screen and (min-width: 960px) { 
	#title {  font-family: 'Arvo', serif; font-size: 1.5em; color: #FFF; background-color: #fc6000; position: absolute; width: auto; text-align:right; padding: 15px; top:650px; right:-24px; }	
	#title:after { content: ' '; position: absolute; width: 0; height: 0;right: 0;top: 100%; border-width: 1em 1em 0 0;/* right drop */ border-style: solid; border-color: #666 transparent transparent transparent; }
	.subpg { top:400px!important; }

	/*.light {margin:0!important;}*/
	.light {margin-left:0!important;}
	.light {margin-right:0!important;}
	h3 {  margin:15px !important; }
 }
 @media screen and (min-width: 760px) { 
 	.sub-buckets { float:right;margin-right:50px }
 	.block-pad { margin: 0 1em 1em 1em; }
	.block-pad p { padding:0; margin:10px 0;}

 }
@media screen and (max-width: 760px) {
	a#donate-btn { width:10% !important; }
}
@media screen and (max-width: 960px) {
	#title { font-weight: normal; font-size: 1.2em; color: #FFF; background-color: #fc6000; position:relative; width:100%; padding:15px 0; margin-top:0; right:0; top:0; text-align: center }
	#title:after { border:0; position: relative; border-width:0; border-style:none;}	

	.ribbon  { display:inline-block; position: relative; right:0!important; text-align:center; padding: 15px 10px; color: #FFF; background-color: #fc6000; width:auto!important; left:0 !important;font-weight: normal; font-size: 1em }
	.ribbon:after { border:0 !important; position: relative!important; border-width:0!important; border-style:none!important;}


	a#donate-btn { padding:10px !important; float:right !important; font-size:1em!important; margin-bottom: 0!important;  }

	ul#nav { float:left !important; display:inline-block!important; top:0 !important; }

	.content-wrapper { padding:0!important;  }

	#content { min-height:200px; }

}