.footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
  @media screen and (min-width: 45.000em) {
    background: $color-green url('/static/img/patterns/yegna/bg.svg') repeat 0 0 / auto;
    padding: 2em 1em;
  }
  @include for-size(tablet-landscape-up) {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 3em 8%;
  }

  //FOOTER MENU
  .menu-list {
    &--header {
      display: none;
      visibility: hidden;
    }
    &--footer {
      display: block;
      visibility: visible;
    }
    text-align: center;
    @include for-size(tablet-landscape-up) {
      text-align: left;
    }
    &__item {
      display: block;
      position: relative;
      @media screen and (min-width: 45.000em) {
        padding: $spacer-small $spacer-half $spacer-small 0;
        display: inline-block;
      }
      &:first-child {
        .menu-list__anchor {
          padding: $spacer-small !important; //Override Header Footer Styles
          margin: 0 !important; //Override Header Footer Styles
        }
      }
    }
    a, &__anchor {
      color: #000 !important; //Override Header Footer Styles
      padding: $spacer-small;
      font-size: $font-small;
      position: relative;
      &:active, &:hover, &:focus {
        color: #000;
        text-decoration: underline;
        text-underline-position: under;
      }
    }
  }
}
