/* 
This is the section css for
REACH 
*/

#home-content h4, #home-content h5{
	color: #382140;
}
.centerImg{
	display: block;
	margin: 0 auto;
}
.bannerPhoto{
	width: 100%;
}
.secondarySlider img{
	width: 100%;
}
.grid3, .grid9{
	padding-right: 20px;
}
.grid3 img{
	display: block;
	margin: 0 auto;
}
.logo{
	float: right;
	margin: 30px 0px 20px 20px;
	padding-right: 10px;
}
.contentHolder{
	padding: 0px 10%;
}
#home-content .discList{
	list-style-type: disc;
}
#home-content .invisible{
	display: none;
}

/** default **/
#home-content .announcements{
	background: #EEE;
	padding: 0 10px;
}
#home-content .announcements h4{
	margin-top: 10px;
}

/** getting involved **/
#home-content .gettingInvolvedList{
	padding-left: 20px;
}
#home-content .gettingInvolvedList li{
	margin-top: 10px;
}

/** blog **/
#home-content #searchBlogs{
	background: #EEE;
	padding: 0 10px;
	padding-bottom: 10px;
}
#home-content .blogImg{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 400px;
	padding-right: 12px;
}
#home-content .tags span{
	display: inline-block;
	padding: 0 5px;
	margin: 0 5px;
	background: #382140;
	color: #FFF;
	font-weight: bold;
	border-radius: 5px;
}

/** about the work **/
#home-content .workImg{
	float: left;
	margin-right: 10px;
	max-width: 400px;
	margin-bottom: 10px;
}

/** events **/
#home-content .eventsBannerImg{
	display: block;
	margin: 0 auto;
}

/** resizes blog images **/
@media (max-width:462px) {
    #home-content .blogImg {
        max-width: 200px;
        max-height: 240px;
    }
}