.footer {
  background: var(--background-dark);
  font-size: 1rem;
  padding: var(--spaceafter) 0 calc(var(--spaceafter) / 2);
  text-align: center;

  @media (--fluid) {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  &\__section {
    &\--logo {
      margin-bottom: 1em;
      & .logo {
        @media (--fluid) {
          width: 80%;
        }
      }
    }

    &\--socialsharingbar {
      margin-bottom: 1em;
    }

    &\--servicelinks.label-text__small--inc-tracking {
      line-height: 3.23;
    }
  }
}