.vidbox {
	background: #e6e7e8;
	border-radius: .3rem;
	margin-bottom: 1rem;
	font-size: 0;
	min-width: 250px;
}
.vidbox strong {
	display: block;
	background: #325aa2;
	color: #fff;
	padding: 1rem;
	border-radius: .25rem .25rem 0 0;
	font-size: 1rem;
}
.vidbox a {
	display: block;
	background: url(/images/css/whiterarr.svg) right .5rem center / 1.5rem no-repeat #5ccc8c;
	text-align: right;
	color: #fff;
	padding: 1rem 2.5rem 1rem 1rem;
	border-radius: 0 0 .25rem .25rem;
	font-size: 1rem;
}
.vidbox iframe, .columns > div.column iframe {
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
}


.vidbox img {
	box-sizing: border-box;
	margin: 1rem;
	max-width: calc(100% - 2rem);
}

@media (min-width: 640px) {
	.vidflex {
		display: flex;
		flex-wrap: wrap;
	}
	.vidbox {
		width: calc(50% - .5rem);
	}
	.vidbox:nth-of-type(even) {
		margin-left: 1rem;
	}
}


.columns > div.column {
	background: #e6e7e8;
	border-radius: .3rem;
}
.columns > div.column h1, .columns > div.column h2 {
	display: block;
	background: #325aa2;
	color: #fff;
	padding: 1rem;
	border-radius: .25rem .25rem 0 0;
	font-size: 1rem;
	margin: 0;
}
.columns > div.column h2 {
	background: #5ccc8c;
}
.columns > div.column + div.column {
	font-size: 1rem !important;
}
.viddesc {
	padding: 0 1rem;
}
#xSUBbtn {
	padding: .5rem 2.5rem .5rem 1.5rem;
	border-radius: .25rem;
	background: url(/images/css/whiterarr.svg) right .5rem center / 1.5rem no-repeat #5ccc8c;
	border: none;
	color: #fff;
	margin-bottom: 1rem;
}