.c-main-header {
  padding-top: setting-spacing(l);
  padding-bottom: setting-spacing(l);
  background: $brand-color;
  font-size: setting-font-size(s);

  &,
  a {
    color: $brand-color-contrast;
  }

  &::before {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    height: 0.2em;
    background: $brand-color;
    content: '';
  }
}

.c-main-header--overlay {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid rgba(#fff, 0.1);
  background: transparent;

  &::before {
    display: none;
  }
}

.c-main-header__inner {
  display: flex;
  justify-content: space-between;
}

.c-main-header__logo {
  line-height: 1.1;
  text-decoration: none;
  text-transform: uppercase;
  font-size: setting-font-size(s);
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.c-main-header {
  padding-top: setting-spacing(m);
  padding-bottom: setting-spacing(m);
  background: $brand-color;

  &,
  a {
    color: $brand-color-contrast;
  }

  &::before {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    height: 0.2em;
    background: $brand-color;
    content: '';
  }
}

.c-main-header--overlay {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid rgba(#fff, 0.1);
  background: transparent;

  &::before {
    display: none;
  }
}

.c-main-header__inner {
  display: flex;
  justify-content: space-between;
}

.c-main-header__logo {
  line-height: 1.1;
  text-decoration: none;
  text-transform: uppercase;
  font-size: setting-font-size(s);
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

Make the header text more readable
Make the header text more readable

Especially on mobile, the tiny font was hard to read and the navigation
items hard to tap.
