.footer {
  background-color: var(--footer-background-color, var(--color-1));
  color: var(--footer-text-color, var(--color-50));
  padding: 2rem 2rem;
  position: relative;
  border-top: 1px solid;
  @include min(tablet) {
    padding: 5.5rem 3rem;
  }

  @include min(desktop) {
    padding: 5.5rem 4rem;
  }

  > div {
    margin: 0 auto;
    max-width: calc(var(--main-container-max) + var(--side-container) - 6rem);
  }
}

.topPart {
  padding-bottom: 4rem;
  @include flex-direction(column-reverse);

  @include min(tablet) {
    gap: 1.6rem;
    padding-bottom: 6rem;
  }
}

.bottomPart {
  @include flex-direction(column-reverse);
  justify-content: center;
  align-items: center;
  padding-bottom: 3rem;

  @include min(laptop) {
    padding-bottom: 0;
  }
}

.hasFooterLinks {
  @media only screen and (max-width: 767px) {
    position: relative;
    padding-bottom: 88px;
  }
}

.links {
  flex-grow: 4;
  flex-basis: 0;
  text-align: center;

  @include min(tablet) {
    @include flex-direction(row);
    text-align: left;
  }

  > ul {
    padding: 0.5rem;
    flex-grow: 1;
    flex-basis: 0;

    li {
      padding-bottom: 2rem;

      &:first-child {
        font-weight: 700;
        color: var(--footer-links-heading-color, var(--color-49));
      }

      a {
        @include link-color(var(--footer-text-color, var(--color-50)));
      }
    }
  }
}

.copyrightDisclaimer {
margin: 3rem 0 2rem 0;

p {
  text-align: left;

  &:last-child {
    padding-top: 2rem;
  }
}

@include min(laptop) {
  margin: 3rem 0 2rem 0;

  p {
    text-align: justify;
  }
}
}

.copyrightText {
  order: -1;
}

.logos {
  @include flex-align(center, center);
  flex-direction: column;
  > ul {
    @include flex-align(center, center);
    flex-wrap: wrap;
    padding-bottom: 3rem;

    @include min(tablet) {
      padding-bottom: 0;
    }

    li {
      padding-right: 1rem;
      padding-bottom: 1rem;

      @include min(tablet) {
        padding-bottom: 2rem;
        padding-right: 2.5rem;
      }

      @include min(laptop) {
        padding-bottom: 0;
      }

      img {
        max-width: 9.5rem;

        @include min(tablet) {
          max-width: 13rem;
        }
      }
    }
  }
}