/* =========================================================
   HEADER
   Site header and header container
========================================================= */

/* =========================
   HEADER CONTAINER
========================= */

.header-container {
    min-height: 120px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding-top: var(--space-xl);
    text-align: center;
}

/* =========================
   HEADER
========================= */

header {
    max-width: var(--header-width);
    min-height: 100px;
    margin: 0 auto;
    display: block;
    font-weight: 400;
    position: relative;
}