/*layout styles*/
@media all and (min-width: 780px) {
	/*layout*/
	body {
		font-size: 100%;
		width: 100%;
		/*max-width: 1280px;*/
		min-width: 960px;
	}
	article {
	}
	aside {
		float: right;
		width: 26%;
		padding: 0 2.5%;
		border-left: 1px solid #aaa;
	}
	section {
		padding: 0 2.5% 10px 2.5%;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 1em;
		-moz-column-gap: 1em;
		column-gap: 1em;
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: 1px solid black;
	}
	.post-title
	{
		padding: 1% 2.5% 10px 2.5%;
	}
	.post-meta
	{
		padding: 0 2.5% 10px 2.5%;
	}
	section:last-of-type {
		border-bottom: none;
	}
	footer {
		clear: both;
		padding: 25px 0 15px;
	}
}

@media all and (min-width: 481px) and (max-width: 780px) {
	/*layout*/
	body {
		width: 90%;
		max-width: 780px;
		min-width: 485px;
		font-size: 80%;
	}
	article {
		
	}
	.post-title, .post-meta, section {
		padding-left: 0 2.5% 10px 2.5%;
	}
	aside {
		float: right;
		width: 34%;
		padding: 0 2.5%;
		border-left: 1px solid #aaa;
	}
	footer {
		clear: both;
		padding: 25px 0 15px;
	}

	/*content styles*/
	h1 {
		font-size: 2.4em;
	}
	footer {
		font-size: 1em;
	}
}

@media all and (max-width: 480px) {
	/*layout*/
	body {
		width: 90%;
		max-width: 480px;
	}
	.post-title, .post-meta, section {
		padding: 0 5%  10px 5%;
	}
	footer {
		padding: 25px 0 15px;
	}
	/*content styles*/
	header {
		padding: 25px 15px 5px 0;
	}
	h1 {
		text-align: right;
		font-size: 2em;
	}
	article {
		text-align: left;
		margin-bottom: 1em;
	}
	aside {
		border-top: 1px solid black;
		padding: 1em 5% 0;
		line-height: 2;
	}
	footer {
		font-size: .7em;
	}
	nav img {
		height: 20px;
	}
}