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

@font-face {
	font-family: brevia;
	src: url('brevia');
}

body {
	background-color: #dad9d9;
}

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

a {
	color: #000;
}

.header__contact {
	display: none;
}

.main {
	border: 1px solid #ccc;
	border-radius: 2px;
}

.header__masthead {
	font-family: 'Raleway', sans-serif;
	letter-spacing: .13em;
	font-weight: 800;
	line-height: 1.4em;
	color: black;
	font-size: calc(0.6vw + 1rem);
	width: 33%;
}

.header {
	width: 100%;
	padding: 1.8vw 3vw;
	display: flex;
	align-items: center;
	margin-bottom: 6.6vmax;
}

.header__nav {
	width: 34%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 2px;
	flex-wrap: wrap;
}

.header__nav a {
	font-family: brevia, sans-serif;
	font-size: calc(.12vw + 1rem);
	padding: 0.1em 0;
	letter-spacing: .02em;
	line-height: 1.8em;
	margin: 0 1vw;
	position: relative;
	text-decoration: none;
}

.header__nav a::after {
	content: '';
	position: absolute;
	width: 0;
	background-color: black;
	height: 1.34px;
	bottom: 1px;
	left: 0;
	transition: all 300ms ease;
}

.header__nav a:hover::after,
.header__nav a:nth-of-type(2)::after {
	width: 100%;
}

.header__social {
	width: 33%;
	display: flex;
	align-items: center;
	justify-content: right;
}

.header__social a {
	width: 20px;
	height: 16px;
	display: flex;
	justify-content: center;
	font-size: 16px;
	margin-left: 2vw;
}