body {
	margin: 0;
		color:#222;
	line-height:1.5;
}

* {
	box-sizing: border-box;
}

.column {
	position: relative;
	margin: auto;
	width: 800px;
	max-width: 100vw;
	padding:0;
	font-family: "AtlasGrotesk";
}

.text {
	position: relative;
	margin: auto;
	width: 800px;
	max-width: 90vw;
	padding:40px 0;
}

.text h2, .text h3 {
	font-family:"Bembo";
	margin:0 0 1rem;
	font-weight:600;
    font-size: 1.625rem;
    line-height: 1.22;
}

.text h3 {
	font-size: 1.1875rem;
    line-height: 1.26;
}

.text h4 {
	font-size:1rem;
	margin:1.25rem 0 1rem;
	padding:0.6rem 0 0.8rem;
	border-top:1px solid #222;
	border-bottom:1px solid #ddd;
}

iframe {
	border: 0;
	width: 100%;
	height: 500px;
	margin:0;
}

.header {
	width: 100vw;
	height: 50vw;
	min-height: 50vh;
	position: relative;
}

.header video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
}

.logo {
	width:100%;	
}

a.cta {
	display:inline-block;
	position: relative;
	float:right;
	color:inherit;
	text-decoration: none;
	font-weight:bold;
	font-size:0.8rem;
	border:1px solid #ddd;
	padding:0.5rem 1rem;
	border-radius:0.125rem;
	margin:0 0 0.5rem 1rem;
}

a.cta:hover {
	border:1px solid #222;
}