/* Additions for the static site. Layout and color stay in style.css. */

@media screen and (min-width: 48em) {
	body:not(.home) .custom-header {
		margin-bottom: 72px;
	}
}

.video-frame {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background: #000;
}

.video-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.contact-notice {
	background: #fafafa;
	border-left: 4px solid #767676;
	margin: 0 0 1.5em;
	padding: 0.8em 1.1em;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
	width: 100%;
	max-width: 40em;
}

.contact-form [disabled] {
	cursor: not-allowed;
}