.grid {
	max-width: 100%;
	list-style: none;
	margin: 0px auto 30px;
	padding: 0;
	float:none !important;
}

.grid article{
	display: block;
	float: left;
	padding: 7px;
	
	opacity: 0;
	width:310px;
	min-width: 310px !important;
}

.grid article.shown,
.no-js .grid article,
.no-cssanimations .grid article {
	opacity: 1;
}

.grid article a,
.grid article img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}



@media screen and (max-width: 1860px) {
	.grid{
		width:1280px;
		max-width: 1280px;
	}
	body.page-id-2946 .grid {
		width:620px;
		max-width: 620px;	
	}
}

@media screen and (max-width: 1500px) {
	.grid{
		width:1240px;
		max-width: 1240px;
	}
}


@media screen and (max-width: 1240px) {
	.grid{
		width:940px;
		max-width: 940px;
	}
}


@media screen and (max-width: 940px) {
	.grid{
		width:640px;
		max-width: 640px;
	}
}



@media screen and (max-width: 640px) {
	.grid{
		width:310px;
		max-width: 310px;
	}
	 body.page-id-2946 .grid {
		width:310px;
		max-width: 310px;	
	}
}

@media screen and (min-width: 1861px) {
	.grid{
		width:1280px;
		max-width: 1280px;
	}
}