@charset "utf-8";
/* CSS Document */

/* header styles */
header {
	background-color: #f4f4f4;
	color: #333;
	padding: 10px;
	text-align: center;
}

/* body styles */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	margin: 0px;;
}

.container{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border: thin solid #ccc;
}

/* responsive 3 column layout */
.column {
	width: 30%;
	margin: 1.66%;
	float: left;
	background-color: #e2e2e2;
	padding: 10px;
	box-sizing: border-box;
}

.clearfix {
	clear: left;
}

.post img {
	float: left;
	width: 50%;
	margin-right: 10px;
}

@media (max-width: 768px) {
	.column {
		float: none;
		width: 100%;
	}
}