.mod-videocolumns {
	margin: 20px -20px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: strech;
}

.mod-videocolumns .item {
	margin-bottom: 20px;
	padding: 0 20px;
	position: relative;
}

.mod-videocolumns .item .video-container {
	width: 100%;
	height: 0px;
	position: relative;
}

.mod-videocolumns .item .video-container img, .mod-videocolumns .item .video-container iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border:none;
}
.mod-videocolumns .item .video-container img:hover {
	box-shadow:0 0 2px #999;
	cursor:pointer;
}

.mod-videocolumns .item .headline {
	margin-top:10px;
}

.mod-videocolumns .item .description {
	
}

.mod-videocolumns.vcols-1 .item {
	width: 100%;
}

.mod-videocolumns.vcols-2 .item {
	width: 50%;
}

.mod-videocolumns.vcols-3 .item {
	width: 33.3333%;
}

.mod-videocolumns.vcols-4 .item {
	width: 25%;
}

.mod-videocolumns.vcols-6 .item {
	width: 16.6666%;
}

@media all and (max-width:991px) {
	.mod-videocolumns.vcols-6 .item {
		width: 33.3333%;
	}
}

@media all and (max-width:767px) {
	.mod-videocolumns.vcols-4 .item, .mod-videocolumns.vcols-3 .item, .mod-videocolumns.vcols-6 .item {
		width: 50%;
	}
}

@media all and (max-width:379px) {
	.mod-videocolumns.vcols-2 .item, .mod-videocolumns.vcols-3 .item,
		.mod-videocolumns.vcols-4 .item, .mod-videocolumns.vcols-6 .item {
		width: 100%;
	}
}