@import url("/templates/global.css");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500&display=swap');

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

a {
	color: #1b6568;
}

body {
	background-image: url(background.jpg);
	background-size: cover;
}

.header {
	width: 100%;
	margin-bottom: 20px;
}

.header__logo {
	/* padding: 6px;
	margin-bottom: -48px; */
	position: absolute;
	top: 6px;
	left: 6px;
}

.header__nav {
	font-size: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background: rgba(0,0,0,.1);
}

.header__nav a {
	font-family: 'Oswald', sans-serif;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300;
    text-shadow: 0 0 4px rgba(0,0,0,.5);
	font-size: 1.6vw;
	padding: .75em 1em;
	background: rgba(100,105,17,.4);
	height: 100%!important;
}

.header__nav a:nth-child(2) {
	background: rgba(152,41,62,.4);
}

.header__nav a:nth-child(3) {
	background: rgba(29,119,122,.4);
}

.header__nav a:nth-child(4) {
	background: rgba(20,67,144,.4);
}

.header__nav a:nth-child(5) {
	background: rgba(80,90,8,.4);
}

.header__nav a:nth-child(6) {
	background: rgba(165,43,66,.4);
}

.header__nav a:nth-child(7) {
	background: rgba(6,90,71,.4);
}

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

.main {
	width: 1170px;
	padding: 3rem;
	box-shadow: 0 0 3px #AAA;
}

.sidebar {
	margin-right: 3rem;
}

@media screen and (max-width: 1445px) {
	.header {
		margin-bottom: 120px;
	}
}