.innerSubHeader { background-color:transparent; }

.banner { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; position:relative; }
.bannerCaption { width:100%; height:0; background-image:url(../images/green-initiatives/master-banner/desk-img.jpg); background-position:center 0; background-repeat:no-repeat; background-size:auto 100%; padding-bottom:42.6213%; }
.bannerCaption > h2 { font-size:2.8em; line-height:1.2em; color:#fff; position:absolute; left:0; bottom:20px; padding:0 35px; display:none; }

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

	.subHeader { display:none; }
	
	.banner { max-width:100%; margin:0 auto; background-image:none; }
	.bannerCaption { background-image:url(../images/green-initiatives/master-banner/tab-img.jpg); padding-bottom:50.375%; }
	.bannerCaption > h2 { font-size:1.8em; position:static; padding:1em 4% 0 4%; }
}
@media only screen and (max-width:480px){
	
	.bannerCaption { background-image:url(../images/green-initiatives/master-banner/mob-img.jpg); padding-bottom:42.5%; }
	.bannerCaption > h2 { font-size:1.5em; padding:.5em 4% 0 4%; }
}
/*-------------------*/

.content { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; }
.innerContent { padding:2em 35px; color:#666666; }
.innerContent > h2 { font-size:2.5em; line-height:1.3em; }
.innerContent > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }
.innerContent > hr { height:1px; width:100%; border:0; margin:2em 0; background-image:url(../images/common/grey-dot.jpg); background-position:0 0; background-repeat:repeat-x; }



@media only screen and (max-width:800px){
	.content { width:100%; max-width:100%; background-image:none; }
	.innerContent { padding:2em 4%; }
	
	.innerContent > h2 { font-size:2em; }
	.innerContent > p { margin-top:1.5em; }
	
	
}
@media only screen and (max-width:480px){
	.innerContent > h2 { font-size:1.5em; }
	.innerContent > p { font-size:.9em; margin-top:1.5em; }
	
}
@media only screen and (max-width:320px){
	.innerContent > h2 { font-size:1.1em; }
}

/*-------------------*/

ul.imageList { width:100%; margin:2em 0; overflow:hidden; }
.imageList li { width:50%; float:left; }
.imageList li img { width:100%; height:auto; vertical-align:top; }

@media only screen and (max-width:640px){
	ul.imageList { margin-top:0; }
	.imageList li { width:100%; margin-top:1em; float:left; }
	
	
	
}