* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	
	height:100%;
}

.content {
	margin:30px auto;
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	-moz-column-count: 1;
	-moz-column-gap: 0;
	column-count: 1;
	column-gap: 0;
}

.no-csscolumns .content {
	max-width:500px;
}

.post {
	background:white;
	padding:1em;
	margin:0 1em 1em 1em;
	border:1px solid #ccc;
	border-bottom-width:3px;
	display: inline-block;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
}

@media screen and (min-width:650px) {
	.content {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media screen and (min-width:960px) {
	.content {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media screen and (min-width:1200px) {
	.content {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		max-width:1460px;
	}
}