.flexbox .content {
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.flexbox h1 {
	width: 100%;
}

.flexbox .article:not(.kncv-section-article) {
	width: 100%;
}

.kncv-section-article,
.boxed-article .kncv-section-article {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	min-height: 295px;
	margin: 0 5% 1em 0;
	padding: 0;
	background-color: #fff;
	box-shadow: 0 0 10px #bbb;
}

.kncv-section-article:hover {
	box-shadow: 0 4px 15px 2px #bbb;
}

.kncv-section-article-without-link:hover {
	box-shadow: 0 0 10px #bbb;
}

.kncv-section {
	position: relative;
}

.kncv-section img {
	position: absolute;
	visibility: hidden;
}

.ks-image-wrapper {
	background: transparent no-repeat center center;
	background-size: cover;
	padding-bottom: 80%;
}

.kncv-section h2,
.kncv-section span {
	display: block;
	padding: 1em;
	font-size: 1em;
	border-bottom: 0;
	text-transform: none;
	text-align: center;
	color: #231f20;
}

.kncv-section h2 {
	padding-bottom: 0;
	font-weight: 600;
}

.kncv-section span {
	padding: 0 1em 1em;
	font-size: .8em;
	color: #231f20;
}

.kncv-section:hover h2,
.kncv-section:hover span {
	color: #00ade5;
}

.kncv-section-article-without-link .kncv-section:hover h2,
.kncv-section-article-without-link .kncv-section:hover span {
    color: initial;
}

@media screen and (min-width: 630px) {
	.kncv-section-article:nth-of-type(1n),
	.kncv-section-article:nth-of-type(2n+2) {
		min-height: 200px;
		width: 28%;
		margin: 0 5% 2em 0;
	}

	.kncv-section-article:nth-of-type(3n+3) {
		clear: right;
	}

	.kncv-section-article:nth-of-type(3n+4) {
		clear: left;
	}
}

@media screen and (min-width: 1024px) {
	.kncv-section-article,
	.kncv-section-article:nth-of-type(1n) {
		width: 22%;
		margin-right: 3%;
	}

	.kncv-section-article:nth-of-type(4n+5) {
		clear: left;
	}
}