/** such clean, wow **/



@font-face {
	font-family: 'Akkurat';
	src: url('../fonts/akkurat-webfont.woff2') format('woff2'),
		 url('../fonts/akkurat-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Akkurat';
	src: url('../fonts/akkurat-bold-webfont.woff2') format('woff2'),
		 url('../fonts/akkurat-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
:root {
	--head-family: "Akkurat", Helvetica, "Helvetica", sans-serif;
	--accent-family: "Akkurat", Helvetica, "Helvetica", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { font-style: normal !important; }


@media(min-width: 992px) and (max-width: 1199px) {
	.square.ratio-2by3 {
		/* Amend as necessary **/
		padding-bottom: 175%!important;
	}
}


.section.hero {
	padding: 8rem 0;
}


footer a img.pull-left#brand {
	float: left;
}

p#logo a img {
	top: 0 !important;
}
.lead#logo .accent {
	padding: 0 1rem;
}
.lead#logo .flair {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.lead#logo > * {
	float: left;
}
@media(max-width: 767px) {
	.lead#logo {
		display: -webkit-flex;
		display: flex;
	}
	p#logo a, p#logo a img {
		min-width: 150px;
	}
}

.container.white-text * {
	color: white;
}