.contentinner h1:first-of-type {margin-top:0;}
#right { float:right; width:250px;}
.contentinner {/*max-width:488px*/}

#homepage-events .container .title, #homepage-news .container .title {font-weight:bold;}
#homepage-events h3, #homepage-news h3 {margin-bottom:0;}
#homepage-news .container, #homepage-events .container {padding:0.25em 0.5em 1em;}
#right .moreinfolink {text-align:right;}
.contentinner h1:first-of-type {margin-top:0.2em;}

/*responsive*/
@media only screen and (max-width: 960px) {
	#right { clear:left;float:none; width:100%; *zoom:1;}
	#right .moreinfolink > a, #right a.moreinfolink {bottom: 1em;float: none;margin: auto;position: absolute;}
	.contentinner {float:left;padding-bottom:1px;}
	#homepage-events, #homepage-news {margin:0 20px 10px; border:1px solid #ccc; padding:20px;-webkit-border-radius: 5px; border-radius: 5px;}
	#homepage-events h3, #homepage-news h3 {margin-top:0;}
	#homepage-events .container, #homepage-news .container {width:48%;float:left;}
	#homepage-events div.container:nth-of-type(odd), #homepage-news div.container:nth-of-type(odd) {padding:0;margin:0 2% 0 0}
	#homepage-events div.container:nth-of-type(even), #homepage-news div.container:nth-of-type(even) {padding:0;margin:0 0 0 2%}
}
@media only screen and (min-width: 676px) and (max-width: 979px) {.contentinner {/*max-width:74%;*/}}
@media only screen and (min-width: 676px) and (max-width: 847px) {.contentinner {/*max-width:65%;*/}}
@media only screen and (min-width: 450px) and (max-width: 960px) {#homepage-events, #homepage-news {position: relative;padding-bottom:4em} }
@media only screen and (max-width: 450px) {#homepage-events .container, #homepage-news .container {width:100%;margin:1em 0  !important;position: relative;padding-bottom:4em !important}}