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

.contact .form__message {
  align-items: flex-start;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

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

.contact__button {
  margin-top: 3rem;
}

/* Desktop contact form spacing and greys (Figma 419:662). */
@media screen and (min-width: 750px) {
  .contact .title {
    padding-top: 0.5rem;
  }

  .contact .contact__description {
    line-height: 1.36;
    margin-bottom: 4.5rem;
    color: #737373;
  }

  .contact .text-area {
    min-height: 12rem;
  }

  .contact .field__label {
    color: #737373;
  }
}

.contact__fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 2rem;
}

.contact__description { margin: -1rem 0 3rem; color: rgba(var(--color-foreground), .7); line-height: 1.6; }

@media screen and (max-width: 749px) {
  .contact .contact__description { margin-bottom: 4.5rem; }
  .contact .text-area { min-height: 12rem; }
}