header#header {
	/*position: relative;*/
	 position: fixed;
	z-index: 110;
	top: 0;
	width: 100%;
	background-color: #fff;
	color: var(--charcoal-mid);
	fill: var(--charcoal-mid);
	font-size: 0;
	border-bottom: 1px solid var(--rule);
}
header#header,
.header-dummy {
	height: var(--header-height);
	margin-bottom: 100px;
	transition: height 0.2s;
}
.home header#header,
.home .header-dummy {
	margin-bottom: 0;
}

.sticky-header header#header {
	height: calc(var(--header-height) * 0.7);
	background-color: #fff;
}
header > .container {
	height: 100%;
}
header > .container > div {
	display: flex;
	justify-content: space-between;
	position: relative;
	height: 100%;
}
header > .container > div > div {
	display: inline-flex;
	align-items: center;
	height: 100%;
}
header > .container .left {
	z-index: 1;
}
header > .container .middle {
	justify-content: center;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
header > .container .right {
	z-index: 1;
}

/* logo */
header > .container .logo,
.overlay-menu .top .logo {
	width: 7rem;
}
header > .container .logo svg {
	transition: fill 0.2s, width 0.2s;
}
.home header > .container .logo {
	pointer-events: none;
}

/* menu */
header > .container .nav-menu li {
	display: inline-block;
	margin-left: 2rem;
}
header > .container .nav-menu li:first-child {
	margin-left: 0;
}
header > .container .nav-menu li a {
	font-size: 0.687rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
header > .container .nav-menu li.current-menu-item > a,
header > .container .nav-menu li.current_page_item > a,
header > .container .nav-menu li.current-page-ancestor > a,
header > .container .nav-menu li.current-menu-parent > a {
	text-decoration: underline;
}

/* buttons */
header > .container .btn {
	margin-left: 2rem;
	padding: 1.1em 2.1em;
}
header > .container .hamburger-btn {
	display: none;
	width: 21px;
    height: 16px;
	margin-left: 1.25rem;
}

@media (max-width: 800px) {
	header#header,
	.header-dummy {
		margin-bottom: 60px;
	}
	header > .container .middle,
	header > .container .nav-menu,
	header > .container .btn {
		display: none;
	}
	header > .container .hamburger-btn {
		display: block;
	}
}