@media screen and (max-width: 768px) {
	body { padding: 20px; }

	.column { width: 100% !important; }
	.column { margin: 0 0 30px !important; padding: 0 !important; }
	.column:last-child { margin-bottom: 0; }

	#site-nav { width: 70%; right: -70%; }

	.headline-content { max-width: 100% }

	form .row,
	form .row .column { margin-bottom: 15px !important; }

	form .row:last-child,
	form .row .column:last-child { margin-bottom: 0 !important; }
}


@media screen and (max-width: 600px) {
	body { padding: 0; }

	.container { padding: 0 50px; }

	#site-nav { width: 90%; right: -90%; padding: 50px; }

	.blog-entry-info .content { padding: 30px }
	.post-arrow { bottom: 30px; left: 30px }

	.comment-user { width: 50px }
	.comment-content { margin-left: 70px }
}


@media screen and (max-width: 400px) {
	body { font-size: 14px; padding: 0; }

	.container { padding: 0 20px; }

	#menu li { margin-bottom: 30px; }
	#menu li a { font-size: 20px; }
}