img.eventimages {margin-right: 5px; margin-bottom: 5px; width: 49%; float: left;}
img.soundonfilm {margin-right: 5px; margin-bottom: 5px; width: 49%; float: left;}



@media handheld, only screen and (max-width: 600px) {
.span_1_of_5 {
	width: 100%; 
	margin-left: 0;
}
.span_3_of_5 {
	width: 100%; 
	margin-left: 0;
}	
}
@media handheld, only screen and (max-width: 768px) {
.featureimage {margin-top: -6px; z-index: -10;}
}
@media handheld, only screen and (max-width: 600px) {
.featureimage {margin-top: -5px;  z-index: -10;}
}

/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

.span_1_of_4 {
	width: 100%; 
	margin-left: 0;
	
		header {
			width: 93.75%; /* 720px / 768px */
		}

		#maincontent{
			width: 93.75%; /* 720px / 768px */
		}

		
		.maincontent{
			width: 93.75%; /* 720px / 768px */
		}

		
		footer {
			width: 93.75%; /* 720px / 768px */
		}