@font-face {
	src: url(fonts/brandon-grotesque.woff2);
	font-family: "brandon-grotesque";
}

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

a {
	color: #0081ff;
}

body {
	background-color: #f5f5f5;
}

.header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 107px;
	padding: 0 50px;
	box-shadow: 0 4px 4px rgba(0,0,0,.25);
	background: linear-gradient(79.49deg,rgba(43,97,150,.9) 19.83%,rgba(44,128,129,.9) 101.85%);
	font-family: "brandon-grotesque", sans-serif;
	margin-bottom: 3rem;
}

.header__logo:hover {
	opacity: .7;
}

.header__nav {
	font-size: 0;
}

.header__nav a {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	margin-left: 34px;
}

.main {
	width: 1170px;
	padding: 3rem;
}

.sidebar {
	margin-right: 3rem;
}
@media screen and (max-width: 1234px) {
	.header__nav a {
		margin-left: 20px;
	}
}

@media screen and (max-width: 1122px) {
	.header__nav {
		display: none;
	}
}