.MainNavigation {
  font-size: 1.2rem;
  position: relative;
  font-weight: 600;

  &__list {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  &--mobile {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #000000;
    padding: 0.3rem 0.5rem;
    font-size: 1.2rem;
    box-shadow: 2px 0 5px rgba(30, 30, 30, 0.6);

    & .MainNavigation__list {
      display: flex;
    }

    & .MainNavigation__item {
      display: flex;
      flex: 0 0 auto;

      & > a {
        color: #ffffff;
      }
    }

    @media (--medium) {
      display: none;
    }
  }

  &--desktop {
    display: none;

    & .MainNavigation__item {
      display: block;
      margin-bottom: 1rem;

      & > a:hover, & > a.active {
        border-bottom: 3px solid var(--color__brand-red);
      }
    }

    @media (--medium) {
      display: block;
    }
  }

  &__item > a {
    margin: 0 0.8rem;
    text-decoration: none;
    color: #ffffff;

    @media (--medium) {
      margin: 0;
    }
  }
}

.MainNavigation {
  font-size: 1.2rem;
  position: relative;
  font-weight: 600;

  &__list {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  &--mobile {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: rgb(26, 24, 24);
    padding: 0.3rem 0.5rem;
    font-size: 1.2rem;
    box-shadow: 2px 0 5px rgba(30, 30, 30, 0.6);

    & .MainNavigation__list {
      display: flex;
    }

    & .MainNavigation__item {
      display: flex;
      flex: 0 0 auto;

      & > a {
        color: #ffffff;
      }
    }

    @media (--medium) {
      display: none;
    }
  }

  &--desktop {
    display: none;

    & .MainNavigation__item {
      display: block;
      margin-bottom: 1rem;

      & > a:hover, & > a.active {
        border-bottom: 3px solid var(--color__brand-red);
      }
    }

    @media (--medium) {
      display: block;
    }
  }

  &__item > a {
    margin: 0 0.8rem;
    text-decoration: none;
    color: #ffffff;

    @media (--medium) {
      margin: 0;
    }
  }
}

Make mobile menu same color as dt
Make mobile menu same color as dt

Closes #36
