@import url("/templates/global.css");

@font-face {
	src: url(neue-haas-grotesk-text.woff2);
	font-family: "neue-haas-grotesk-text";
}

body {
	background-color: white;
}

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

a {
	color: #91a115;
}

.container {
	width: 1170px;
}

.header {
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 96px 96px 48px;
	font-family: "neue-haas-grotesk-text", sans-serif;
	background-image: url(banner.jpg);
	background-size: cover;
	background-position: center 40%;
}

.header__logo {
	display: flex;
	align-items: flex-end;
	gap: 16px;
}

.header__logo svg {
	fill: #fff;
}

.header__logo span {
	font-size: 30px;
	line-height: 26px;
	color: #fff;
}

.header__nav {
	font-size: 0;
}

.header__nav a {
	color: #fff;
	font-size: 16px;
	margin-left: 32px;
}

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

@media screen and (max-width: 1390px) {
	.header {
		padding: 127px 63px 63px;
	}
}