.lead { padding: 40px 0; }



/* Grid */

#posts { margin: 30px auto 0;  }
.post {
	/*margin: 0 0 50px;*/
	width: 100%;
	margin-right:20px;
	padding-top:20px;
}
.post img { padding: 0 15px; width: 100%; }

#grid.container .post img { padding: 0; }

#grid{
	
}



/* Medium devices */

@media (min-width: 768px) {
	#grid > #posts .post { width: 270px; }
	.post img { padding: 0; }
}



@media (min-width: 870px) {
	#grid > #posts .post { width: 180px; }
}

@media (min-width: 992px) {
	#grid > #posts .post { width: 225px; }
}



@media (min-width: 1000px) {
	#grid > #posts .post { width: 235px; }
	
}

@media (min-width: 1050px) {
	#grid > #posts .post { width: 250px; }
	
}

@media (min-width: 1070px) {
	#grid > #posts .post { width: 250px; }
	
}

@media (min-width: 1140px) {
	#grid > #posts .post { width: 270px; }
	
}

@media (min-width: 1170px) {
	#grid > #posts .post { width: 280px; }
	
}



@media (min-width: 1200px) {
	#grid > #posts .post { width: 290px; }
	
}

@media (min-width: 1270px) {
	#grid > #posts .post { width: 300px; }
	
}

@media (min-width: 1290px) {
	#grid > #posts .post { width: 310px; }
	
}

@media (min-width: 1300px) {
	#grid > #posts .post { width: 320px; }
}

@media (min-width: 1500px) {
	#grid > #posts .post { width: 350px; margin-right:35px;}
}


@media (min-width: 1600px) {
	#grid > #posts .post { width: 380px; margin-right:35px;}
}


@media (min-width: 1700px) {
	#grid > #posts .post { width: 380px; margin-right:35px;}
}


@media (min-width: 1800px) {
	#grid > #posts .post { width: 420px; margin-right:35px;}
}

@media (min-width: 1880px) {
	#grid > #posts .post { width: 450px; margin-right:35px;}
}