#intro {
	padding-top:1em;
}
#videos {
	text-align: center;
	margin: 0 auto -2em !important;
}
#videos .item {
	width:50%;
	float:none;
	display: inline-block;
}
.lead + #videos {
	margin-top:2em !important;
}
.edit-link + .video {
	margin-top: 0 !important;
}
.video {
	background: rgba(var(--darkblue6),0.25);
	color:rgb(var(--darkblue));
	display: grid;
	grid-template-areas: 
		"download_thumb download_cont";
	grid-template-columns: 40% 1fr;
	margin:0 auto !important;
	position:relative;
	min-height:9em;
}
.video .thumb {
	grid-area: download_thumb;
	background: rgba(var(--darkblue),0.1);
	overflow: hidden;
	align-items: center;
	display: grid;
}
.video .thumb img {
	/*box-shadow: 0 0 0.25em rgba(var(--black), 0.35);*/
	display: block;
	min-width: 118%;
	transform: translate(-9%);
}
.video .cont {
	grid-area: download_cont;
	padding: 0.5em 0.75em 0.5em 1.75vw;
	text-align: left;
	align-self: center;
}
.video .cont .name {
	hyphens: auto;
	font-size: 1.125em;
	line-height: 1.1;
}
.video .cont .name + .desc {
	font-size: 0.9em;
	color: rgb(var(--blue));
	font-weight:700;
	line-height: 1.2;
	margin-top: 0.5em !important;
}
.video .cont .button {
	font-size: 0.7em;
	line-height: 1.2;
	margin-top: 1em !important;
}
.video .cont .button::before {
	content:"\e852";
	font-family: "web-icon-mwe";
	font-weight: normal;
	font-size:1.125em;
	margin: 0 0.5em 0 -0.5em;
}

@media(max-width: 1500px){
	#videos {
		margin-left:-2em !important;
		margin-right:-2em !important;
	}
	.video .cont .name {
		font-size: 1em;
	}
	.video .cont .name + .desc {
		font-size:0.8em;
	}
}
@media(max-width: 1300px){
	.video .cont .name {
		font-size: 1em;
	}
	.video .cont .name + .desc {
		font-size:0.8em;
	}
}
@media(max-width:600px){
	.video {
		margin:-1.5em 0.5em !important;
	}
	.video .cont {
		padding-left:1em
	}
	
}