/** Shopify CDN: Minification failed

Line 48:2 Unexpected "{"
Line 48:3 Expected identifier but found "%"
Line 50:2 Unexpected "<"
Line 59:1 Expected identifier but found "%"

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

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

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

.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__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}
  {% form 'contact' %}

  <input type="text" name="contact[name]" placeholder="Name" required>

  <input type="email" name="contact[email]" placeholder="Email" required>

  <input type="tel" name="contact[phone]" placeholder="Phone">

  <textarea name="contact[body]" placeholder="Message" required></textarea>

  <button type="submit">Send</button>
{% endschema %}