#contact-message-page-contact-form {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, auto);
  column-gap: 30px;
}
@media all and (min-width: 768px) {
  #contact-message-page-contact-form {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, auto);
  }
}
#contact-message-page-contact-form .field--name-field-contact-name {
  grid-row: 1;
  grid-column: span 2/span 1;
}
@media all and (min-width: 768px) {
  #contact-message-page-contact-form .field--name-field-contact-name {
    grid-column: 1/2;
  }
}
#contact-message-page-contact-form .field--name-field-contact-first-name {
  grid-row: 2;
  grid-column: span 2/span 1;
}
@media all and (min-width: 768px) {
  #contact-message-page-contact-form .field--name-field-contact-first-name {
    grid-row: 1;
    grid-column: 2/3;
  }
}
#contact-message-page-contact-form .field--name-field-contact-email {
  grid-row: 3;
  grid-column: span 2/span 2;
}
@media all and (min-width: 768px) {
  #contact-message-page-contact-form .field--name-field-contact-email {
    grid-row: 2;
  }
}
#contact-message-page-contact-form .field--name-field-contact-subject {
  grid-row: 4;
  grid-column: span 2/span 2;
}
@media all and (min-width: 768px) {
  #contact-message-page-contact-form .field--name-field-contact-subject {
    grid-row: 3;
  }
}
#contact-message-page-contact-form .field--name-field-contact-message {
  grid-row: 5;
  grid-column: span 2/span 2;
}
@media all and (min-width: 768px) {
  #contact-message-page-contact-form .field--name-field-contact-message {
    grid-row: 4;
  }
}
#contact-message-page-contact-form #edit-actions {
  display: flex;
  grid-row: 6;
  grid-column: span 2/span 2;
  justify-content: center;
}
@media all and (min-width: 768px) {
  #contact-message-page-contact-form #edit-actions {
    grid-row: 5;
    justify-content: flex-end;
  }
}
#contact-message-page-contact-form input, #contact-message-page-contact-form textarea {
  padding: 10px;
}
#contact-message-page-contact-form input:focus, #contact-message-page-contact-form textarea:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}
@supports (field-sizing: content) {
  #contact-message-page-contact-form textarea {
    field-sizing: content;
  }
}

/*# sourceMappingURL=contact.css.map */