.contact img {
  max-width: 100%;
}

.contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}

.contact__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 750px) {
  .contact.page-width--inner .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

.contact__list {
  padding-top: 5rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 4rem;
}

@media screen and (min-width: 750px) {
  .contact__list {
    padding-top: 0;
    padding-inline-start: 6rem;
  }
}

.contact__list > li {
  flex: 0 0 100%;
}

.contact__list h3 {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: calc(1 + 0.2 / max(1, var(--font-heading-scale)));
}

.contact__list .link {
  padding-bottom: 0.2rem;
}

.contact__list .list-social {
  padding-top: .5rem;
}

@media screen and (max-width: 749px) {
  .contact .grid .grid__item {
    width: 100%;
    max-width: 100%;
  }

  .contact__list > li {
    flex: 1 0 calc(50% - 1rem);
  }
}

@media screen and (max-width: 480px) {
  .contact__list > li {
    flex: 0 0 100%;
  }
}