.gridContainer {
	width: 90%;
	margin: 20px auto;
	max-width: 1920px;
	overflow: hidden;
	position: relative;
}
.grid {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.grid img {
	float: left;
	width: 31%;
	margin: 0 2% 2% 0;
}
.grid img:nth-child(3n) {/**/
	margin-right: 0;
}

.fade {
	opacity:0.6;
}

.fade:hover {
	opacity:1;
}
@media screen and (max-width:960px) {
.gridContainer {

}
}
@media screen and (max-width:650px) {
.gridContainer {
	width: 90%;
}
.grid img {
	width: 49%;
	margin: 0 2% 2% 0;
}
.grid img:nth-child(3n) {
	margin-right: 2%;
}
.grid img:nth-child(2n) {
	margin-right: 0;
}
}
@media screen and (max-width:400px) {
.grid img {
	float: none;
	width: 100%;
	margin: 2% 0;
}
}