@import url("https://use.typekit.net/tdg7ric.css");

body {
	background-color: white;
}

.t-primary-bgcolor {
	background-color: #333;
}

a {
	color: #e74c39;
	transition: color 0.3s linear;
}

.header {
	width: 100%;
}

.header__logo {
	width: calc(195px + 3.625vw);
	height: calc(49.5px + 0.875vw);
	margin: 1.8px 0;
	background-image: url('masthead.svg');
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
}

.header__main {
	padding: 26.7px 33.5px 10px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	align-items: flex-end;
}

.header__main,
.header__title {
	width: 80vw;
}

@media (max-width: 1760px) {

	.header__main,
	.header__title {
		width: 81vw;
	}
}

@media (max-width: 1720px) {

	.header__main,
	.header__title {
		width: 82vw;
	}
}

@media (max-width: 1679px) {

	.header__main,
	.header__title {
		width: 83vw;
	}
}

@media (max-width: 1638px) {

	.header__main,
	.header__title {
		width: 84vw;
	}
}

@media (max-width: 1598px) {

	.header__main,
	.header__title {
		width: 85vw;
	}
}

@media (max-width: 1558px) {

	.header__main,
	.header__title {
		width: 86vw;
	}
}

@media (max-width: 1517px) {

	.header__main,
	.header__title {
		width: 87vw;
	}
}

@media (max-width: 1477px) {

	.header__main,
	.header__title {
		width: 88vw;
	}
}

@media (max-width: 1436px) {

	.header__main,
	.header__title {
		width: 89vw;
	}
}

@media (max-width: 1396px) {

	.header__main,
	.header__title {
		width: 90vw;
	}
}

@media (max-width: 1356px) {

	.header__main,
	.header__title {
		width: 91vw;
	}
}

@media (max-width: 1315px) {

	.header__main,
	.header__title {
		width: 92vw;
	}
}

@media (max-width: 1275px) {

	.header__main,
	.header__title {
		width: 93vw;
	}
}

@media (max-width: 1234px) {

	.header__main,
	.header__title {
		width: 94vw;
	}
}

@media (max-width: 1194px) {

	.header__main,
	.header__title {
		width: 95vw;
	}
}

@media (max-width: 1153px) {

	.header__main,
	.header__title {
		width: 96vw;
	}
}

@media (max-width: 1113px) {

	.header__main,
	.header__title {
		width: 97vw;
	}
}

@media (max-width: 1073px) {

	.header__main,
	.header__title {
		width: 98vw;
	}
}

@media (max-width: 1032px) {

	.header__main,
	.header__title {
		width: 99vw;
	}
}

@media (max-width: 991.9px) {

	.header__main,
	.header__title {
		width: 100vw;
	}
}

.header__right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	font-size: calc(7px + 0.3vw);
}

.title__wrapper {
	width: 100%;
	background-image: url('header-bg.png');
	height: 200px;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.header__title {
	font-size: 3em;
	color: white;
	padding: 10px 36px;
	line-height: 1.125;
	font-family: proxima-nova, sans-serif;
	font-weight: 100;
	position: relative;
}

.header__title::after {
	position: absolute;
	left: 23px;
	content: '';
	height: 8.36px;
	width: 255px;
	bottom: 0;
	background-color: white;
}

.header__nav {
	display: flex;
}

.header__nav a {
	font-family: proxima-nova, Arial, Helvetica, sans-serif;
	font-weight: 600;
	padding: 0.35vw 0 0.35vw 0.35vw;
	transition: color 0.5s ease-out;
}

.header__nav.top a {
	color: #847870;
}

.header__nav.bottom a {
	color: black;
}

.header__nav a:hover {
	color: #e74c39;
	text-decoration: none;
}