.footer-main {
  background-image: url("../../Images/wmsp-plum-footer-1920x1080px.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  background: $footer-bg;
  color: $secondary-color;
  @include media-breakpoint-down(md) {
    color: $primary-bg;
  }

  h2 {
    color: $footer-text-color;
    font-family: $font-family-fira;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -1px;

    @include media-breakpoint-down(md) {
      background: $footer-text-color;
      color: $primary-bg;
      border-color: $footer-text-color;
    }
  }

  .copy-rights {
    background: $footer-bg;
    color: $footer-text-color;
    .row {
      display: flex;
      align-items: center;
    }

    .icons {
      @include media-breakpoint-down(lg) {
        margin-bottom: 10px;
      }
    }

    img {
      height: 90px;
      margin: 0 8px;

      @include media-breakpoint-down(lg) {
        height: 60px;
      }

      @include media-breakpoint-down(md) {
        height: 50px;
      }
    }
  }

  .footer-menu {
    ul li a {
      font-weight: 700;
      color: $footer-text-color;
      @include media-breakpoint-down(md) {
      color: $primary-color;
    }
    }

    @include media-breakpoint-down(md) {
      background: $footer-text-color;
    }
  }

  .pre-footer .row > div {
    padding: 0 40px 40px 40px;

    @include media-breakpoint-down(xl) {
      padding: 0 30px 40px 30px;
    }

    @include media-breakpoint-down(md) {
      padding: 0 0 10px 0;
    }

    @include media-breakpoint-only(md) {
      width: 50%;
    }
  }

  .pre-footer {
    .frame-type-html {
      @include media-breakpoint-down(md) {
        text-align: center;
      }
    }

    h2 {
      @include media-breakpoint-down(md) {
        font-size: 1.2rem;
        padding: 10px 15px;
      }
    }
  }
}

.footer-text-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
}