#projectContainer {
	display: table;
	max-width: 1080px;
	margin: auto;
	padding: 5% 5%;
}

#projectContainer img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	display: block;
}


#projectContainer .left,
#projectContainer .right {
	display: table-cell;
	width: 25%;
	vertical-align: top;
}

#projectContainer .left {
	padding-right:5%;
}
#projectContainer .left img {
	width: auto;
	max-width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}
#projectContainer .right {
	padding-left:5%;
}
#projectContainer .center {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}



#projectContainer .center .audioPlayer {
	text-align: center;
	padding: 30px 0;
}

#projectContainer .center .audioPlayer h2 {
	padding-bottom: 5px;
}

#projectContainer .center .audioPlayer.albumCovers {
	width: 50%;
	float: left;
	text-align: center;
	padding: 30px 0;
}

#projectContainer .center .audioPlayer.albumCovers h2 {
		font-size: 22px;
}

#projectContainer .center .audioPlayer.albumCovers img.cover {
	max-width: 85%;
	height: auto;
}




.newsEntry {
	display: table;
	max-width: 1080px;
	margin: 5% auto 0 auto;
	padding: 5% 0 2% 0;
}
.newsEntry:first-child {
	margin-top: 0;
	padding-top: 0;
}

.newsEntry .left,
.newsEntry .right {
	display: table-cell;
	width: 20%;
	vertical-align: top;
}
.newsEntry .left {
	width: 75%;
	padding-right: 5%;
}

.news_content {
	display: block;
	width: 100%;
}

#contentContainer img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.grid_2_by {
	display: block;
	overflow: hidden;
}

.grid_2_by > div {
	display: inline-block;
	float:left;
	width: 47.25%;
	margin-right: 5.5%;
}

.videocontent {
	width:100%;
	max-width: 512px;
	margin: 0 auto;
}
.grid_2_by > div:nth-child(2n) {
	margin-right: 0;
}

.grid_2_by > div video {
	width: 100%;
	max-width: 512px;
	height: auto;
}

.grid_4_by {
	display: table;
}

.grid_4_by > div {
	display: table-cell;
	width: 20.875%;
	padding: 0 5.5% 5.5% 0;
}

.grid_4_by > div:nth-child(4n) {
	width: 16.5%;
	padding: 0 0 5.5% 0;
}

.grid_4_by > div a {
	display: block;
	position: relative;
}
.grid_4_by > div a img {
	position: relative;
}
.grid_4_by > div a h3 {
	opacity: 0;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	transform: translate(-50%, -50%);
	text-align: center;
}
.grid_4_by > div a h3 img {
	display: block;
	width: 35px;
	height: auto;
	margin: 0 auto 15px auto;
}
.grid_4_by > div a:hover h3 {
	opacity: 1;
	-webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
}


@media (max-width: 890px) {
	#projectContainer {
		display: block;
		padding: 2% 5%;
	}
		
	#projectContainer .left,
	#projectContainer .center,
	#projectContainer .right {
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#projectContainer .left {
		text-align: center;
	}

}

@media (max-width: 720px) {
	#projectContainer .center .audioPlayer h2 {
		font-size: 18px;
	}
	.grid_2_by > div {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	.grid_2_by > div:nth-child(2n) {
		width: 100%;
		padding: 0;
	}
	.grid_4_by > div {
		display: inline-block;
		width: 47.25%;
		padding: 0 5.5% 5.5% 0;
	}
	
	.grid_4_by > div:nth-child(2n), .grid_4_by > div:nth-child(4n) {
		width: 42.875%;
		padding: 0 0 5.5% 0;
	}
}
@media (max-width: 540px) {
	#projectContainer .center .audioPlayer.albumCovers {
		width: 100%;
		float: none;
	}
}