@import url("/templates/global.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

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

a {
	color: #c22;
}

body {
	background-color: #fff;
	min-height: 100vh;
}

.header-wrapper {
	height: 350px;
	background: url(header-bg.jpg);
	background-size: 100% auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.header__logo img {
	padding: 42px 0 44px 52px;
}

.header__nav {
	background-color: #25374a;
	border-top: 2px solid #c22;
	height: 62px;
}

.header__nav a {
	height: 60px;
	line-height: 60px;
	padding: 22px 22px 22px 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "Roboto", sans-serif;
}

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

.container {
	width: 1170px;
}

.main {
	margin-top: -90px;
	padding: 2rem;
}

.sidebar {
	margin-right: 2rem;
}

.footer-wrapper {
	height: 222px;
	content: "";
	display: block;
	background-color: #25374a;
	text-align: center;
	margin-top: 50px;
	border-top: 2px solid #c22;
}

.footer__logo {
	height: 220px;
	line-height: 220px;
}

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

	.header-wrapper {
		height: 198px;
	}

	.main {
		margin-top: 0;
	}
}