.blog .content-area {
	background: $color__background-blog;
}

.blog .site-main {
	display: flex;
	flex-wrap: wrap;
}

article {
	padding-bottom: 40px;
}

.blog article {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.article-inner {
	.entry-title {
		margin-top: 0;
	}
}

#secondary,
#after-post {
	padding-bottom: 40px;
}

@media screen and (min-width: $breakpoint-small) {
	.blog article {
		width: 50%;
		padding-bottom: 50%;
	}
}

@media screen and (min-width: $breakpoint-medium) {

}

@media screen and (min-width: $breakpoint-large) {
	.blog article {
		width: 33.33333%;
		padding-bottom: 33.33333%;
	}
	.blog article:nth-child(3n+2) {
		width: 33.33337%;
	}
}