div.articleList {
	max-width: 80em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 2em auto;
}

div.artWrapper {
	flex: 0 0 20em;
	padding: 1em;
}

@media (max-width: 59.9rem) {
	div.artWrapper {
		flex: 0 0 calc(100% - 2em);
	}
}

div.artWrapper a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}

div.artWrapper figure {
	display: block;
	margin: 0;
	padding: 0;
}

div.artWrapper img {
	display: block;
	width: 100%;
	height: 15em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.artWrapper header {
	display: block;
	margin: 1em 0.5em;
	font-size: 1.2em;
}

div.artWrapper p {
	display: block;
	margin: 1em;
	font-size: 0.8em;
	color: #9e9e9e;
	font-weight: 500;
}

section.mainBlock > article {
	display: block;
	max-width: 60rem;
	margin: auto;
	background-color: #FFF;
	padding: 1em;
}