header#header {
width: 100%;
height: var(--headerHeight);
font-family: var(--headingFont);
letter-spacing: -0.7pt;
font-variant-ligatures: none;
font-feature-settings: "liga" 0;
position: fixed;
top: 0;
}  header#header .container {
height: var(--headerHeight);
width: 100%;
max-width: var(--containerWidth);
margin: 0;
position: relative;
}
@media (min-width: 990px) {
header#header::after {
font-size: 40pt;
}
header#header .container {
margin: 0 auto;
}
}
header#header .container #logo {
padding: 0;
display: flex;
flex-grow: 1;
justify-content: left;
align-items: center;
height: 100%;
position: relative;
} header#header .container .header-logo {
}
header#header div.container {
border-bottom: 2px solid #000000;
background: white;
display: flex;
justify-content: center;
margin-bottom: 2rem;
}
#header nav#main-nav > ul li a {
padding-left: 15px;
padding-right: 0;
}
header#header nav#main-nav.mm--main.mm--offcanvas,
header#header a.menu-collapser {
max-width: var(--containerWidth);
}
@media (max-width: 990px) {
header#header a.menu-collapser {
right: 5%;
}
header#header .container #logo {
margin-left: 15px;
}
}
@media (max-width: 690px) {
header#header .container #logo a { font-size: 18pt;
}
}
@media (max-width: 350px) {
header#header .container #logo {
justify-content: flex-start;
}
}
header#header nav#main-nav {
z-index: 11;
}
header#header nav#main-nav ul {
display: flex;
}
header#header nav#main-nav ul li {
display: inline-flex;
}
header#header nav#main-nav ul li a { font-size: 16px;
height: auto;
line-height: 1.1;
font-family: var(--foundersUncondensed);
letter-spacing: 0;
text-transform: initial;
white-space: nowrap;
color: black !important;
}
header#header nav#main-nav ul li:hover {
background: transparent;
}
header#header nav#main-nav > ul::after {
display: none;
}
#header .menu-collapser .collapse-button .icon-bar {
background: black;
}
nav#main-nav.mm--main.mm.mm--offcanvas.mm--open {
background-color: white !important;
}
body .mm:after,
body .mm:before {
color: black;
}