.coc-posts-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.coc-posts-container .post-title,
.coc-posts-container .post-title a {color: #000;}
.coc-posts-container article.cols-1,
.coc-posts-container article.cols-2,
.coc-posts-container article.cols-3,
.coc-posts-container article.cols-4,
.coc-posts-container article.cols-5,
.coc-posts-container article.cols-6,
.coc-posts-container article.cols-7,
.coc-posts-container article.cols-8,
.coc-posts-container article.cols-9,
.coc-posts-container article.cols-10 { width: 100%;}

.coc-posts-container h2,
.coc-posts-container h2 a {
	font-size: 1.777em;
}
.coc-posts-container h3,
.coc-posts-container h3 a {
	font-size: 1.333em;
}
.coc-posts-container h4,
.coc-posts-container h4 a {
	font-size: 1em;
}
.coc-posts-container h5,
.coc-posts-container h5 a {
	font-size: 1em;
}
.coc-posts-container h6,
.coc-posts-container h6 a {
	font-size: 1em;
}
.coc-posts-container figure img {border-radius: 5px}
.coc-posts-container article {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.coc-posts-container article .meta-data {
	color: #7f8c8d;
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 13px;
}
.coc-posts-container article.image-align-top .thumbnail-link {width: 100%; text-align: center;}
.coc-posts-container article.image-align-top .post-text {width: 100%;}
.coc-posts-container article.image-align-bottom .thumbnail-link {width: 100%; order: 2; text-align: center;}
.coc-posts-container article.image-align-bottom .post-text {width: 100%; order: 1;}
.coc-posts-container article.image-align-right .thumbnail-link {order: 2; }
.coc-posts-container article.image-align-right .post-text {order: 1;}

@media screen and (min-width: 460px) {
	.coc-posts-container article.cols-2 { width: 49%;}
	.coc-posts-container article.cols-3 { width: 33%;}
	.coc-posts-container article.cols-4 { width: 24.5%;}
	.coc-posts-container article.cols-5,
	.coc-posts-container article.cols-6,
	.coc-posts-container article.cols-7,
	.coc-posts-container article.cols-8,
	.coc-posts-container article.cols-9,
	.coc-posts-container article.cols-10 { width: 19.5%;}
}
@media screen and (min-width: 768px) {
	.coc-posts-container article.cols-2 { width: 49%;}
	.coc-posts-container article.cols-3,
	.coc-posts-container article.cols-4,
	.coc-posts-container article.cols-5,
	.coc-posts-container article.cols-6,
	.coc-posts-container article.cols-7,
	.coc-posts-container article.cols-8,
	.coc-posts-container article.cols-9,
	.coc-posts-container article.cols-10 { width: 32.5%;}
}
@media screen and (min-width: 960px) {
	.coc-posts-container article.cols-2 { width: 49%;}
	.coc-posts-container article.cols-3 { width: 33%;}
	.coc-posts-container article.cols-4 { width: 24.5%;}
	.coc-posts-container article.cols-5,
	.coc-posts-container article.cols-6,
	.coc-posts-container article.cols-7,
	.coc-posts-container article.cols-8,
	.coc-posts-container article.cols-9,
	.coc-posts-container article.cols-10 { width: 19.5%;}
}
@media screen and (min-width: 1280px) {
	.coc-posts-container article.cols-2 { width: 49%;}
	.coc-posts-container article.cols-3 { width: 33%;}
	.coc-posts-container article.cols-4 { width: 24.5%;}
	.coc-posts-container article.cols-5 { width: 19.5%;}
	.coc-posts-container article.cols-6 { width: 16%;}
	.coc-posts-container article.cols-7 { width: 14%;}
	.coc-posts-container article.cols-8 { width: 12%;}
	.coc-posts-container article.cols-9 { width: 11%;}
	.coc-posts-container article.cols-10 { width: 9.5%;}
}
.coc-posts-container article.image-align-none .post-text {width: 100% !important;}

@media(max-width: 767px){
	.coc-posts-container > a 
	.coc-posts-container article {
		width: 100%;
	}
}