.footer {
  background-color: #000;
}

.footer-wrapper {
  padding: 64px 32px;
  color: #fff;
  display: flex;
  flex-direction: row-reverse;
  gap: 32px;

  @media screen and (max-width: 768px) {
    padding: 32px 16px;
    gap: 24px;
    flex-direction: column;

    .social-section {
      grid-column: 2/-3;
      grid-row: 4;
    }
  }

  .footer-section-header {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: #767676;
    margin: 0 0 16px;

    @media screen and (max-width: 768px) {
      margin-top: 0;
    }
  }

  .footer-section {
    flex-grow: 1;
  }

  .footer-section-combined {
    display: flex;
    gap: 32px;
    flex-grow: 2;

    @media screen and (max-width: 768px) {
      .footer-section:nth-child(2) {
        z-index: 1;
      }
    }
  }

  .footer-section-item {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;

    :last-child {
      margin-bottom: 0;
    }

    @media screen and (max-width: 768px) {
      font-size: 14px;
    }
  }

  .logo {
    margin-bottom: 12px;

    @media screen and (max-width: 768px) {
      height: 24px;
    }
  }

  .copy {
    color: #767676;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.154px;
    margin-bottom: 24px;

    @media screen and (max-width: 768px) {
      margin-bottom: 16px;
    }
  }

  .social {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;

    @media screen and (max-width: 768px) {
      gap: 10px;
      justify-content: center;
    }
  }

  .social-link {
    img {
      min-width: 24px;
    }
  }
}

.powered-by-zendesk {
  display: none;
}