@charset "UTF-8";
/* Main CSS Document */

/*
font-family: "brandon-grotesque", "Brandon Grotesque", sans-serif;
font-family: "freight-display-pro", "Freight Display Pro", serif;
Orange: #F47003;
Teal: #009FA2;
Navy: #1A3756;
Gray: #373737;
Aqua: #BCE4E5;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
*/


.video-preview {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 -4em;
}
.video-preview-i {
	flex: 1 0 40%;
	width: 40%;
	margin: 4em 0 0 4em;
	padding-top: 0;
	border-top: none;
}
.video-preview-video {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	margin: 0;
	padding-bottom: 56.25%; /* 16:9 */
	cursor: pointer;
}
.video-preview-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, .4));
}
.video-preview-desc {
	margin-top: 3em;
	text-align: center;
}
.video-preview-desc p {
	max-width: 39em;
	font-size: 1.35em;
}
@media screen and (max-width: 1000px) {
	.video-preview {
		margin: 0;
	}
	.video-preview-i {
		flex: 0 0 100%;
		width: 100%;
		margin: 2em 0 0;
	}
	.video-preview-desc {
		margin-top: 2em;
	}
	.video-preview-desc p {
		font-size: 1.1em;
	}
}
@media screen and (max-width: 600px) {
	.video-preview-desc p {
		font-size: 1em;
	}
}