.register_form {
  padding: 20px 30px;
  background: #A9C398;
}

.register_form p {
  margin: 0 0 50px 0;
}

.register_form form {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "salutation" "name" "phone" "email" "comment" "button";
  grid-gap: 10px;
}

.register_form form .salutation {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: salutation;
}

.register_form form .name {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: name;
}

.register_form form .phone {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: phone;
}

.register_form form .email {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: email;
}

.register_form form .comment {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: comment;
}

.register_form form .submit_button {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  grid-area: button;
}

.register_form form > div {
  margin: 0;
  border: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.register_form form > div .errmsg {
  font-size: 0.8em;
  line-height: 0.8em;
}

@media (min-width: 576px) {
  .register_form form {
    display: -ms-grid;
    display: grid;
        grid-template-areas: "salutation salutation name    name" "phone      phone      email   email" "comment    comment    comment comment" "button     button     button  button";
    -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 10px;
  }
  .register_form form .submit_button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
/*# sourceMappingURL=register.css.map */