/* MAIN */
.page-banner {
	background: url('/assets/img/page-banner-articles.jpg') no-repeat scroll center center;
}

/* ARTICLES */
.articles {
	float: left;
	width: 80%;
	margin-top: 5rem;
	padding-right: 2rem;
}
.article-thumb {
	float: left;
	width: 20%;
	padding-right: 2rem;
}
.article-thumb img {
	width: 100%;
}
.acticle-details {
	float: left;
	width: 80%;
}
.article {
	padding-top: 4rem;
	padding-bottom: 4rem;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.article:first-child {
	padding-top: 0;
}
.article:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
.article h3 {
	font-size: 2rem;
	font-weight: 600;
}
.article-content {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
@media screen and (max-width:768px) {
	.articles {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.article-thumb {
		float: none;
		width: 100%;
		padding-right: 0;
	}
}

/* ARCHIVES */
.archives-aside {
	float: right;
	width: 20%;
}
.archives-aside h3 {
	font-weight: 600;
}
.archives a {
	display: block;
	padding: 1rem 1.2rem;
	border-bottom: 1px solid #ccc;
	color: #000;
}
.archives a.selected {
	color: #0099cc;
	font-weight: 600;
}
@media screen and (max-width:768px) {
	.archives-aside {
		float: none;
		margin-top: 20px;
		width: 100%;
	}
}