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

@font-face {
	src: url(din-condensed.woff2);
	font-family: "din-condensed";
}

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

a {
	color: #455063;
}

body {
	background-color: #fff;
}

.header-wrapper {
	background: linear-gradient(to right, #455063 33.3%, #ffc700 33.3%);
}

.header__logo img {
	max-height: 60px;
}

.header {
	display: flex;
	align-items: center;
	width: 100%;
	height: 90px;
}

.header__logo {
	width: 33.3%;
	display: flex;
	justify-content: center;
	padding: 15px;
}

.header__nav {
	padding: 0 24px;
	font-size: 0;
}

.header__nav a {
	color: #455063;
	font-family: "din-condensed", sans-serif;
	padding: 0 40px;
	font-size: 20px;
	transition: color 0.2s ease;
}

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

.main {
	width: 1100px;
}

@media screen and (max-width: 1046px) {
	.header__nav a {
		padding: 0 32px;
	}
}