.contact-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--margin-medium);
  padding: var(--margin-medium);
  width: 100%;
}
.contact-form .text {
  width: 50%;
}
.contact-form .form-wrap {
  width: 50%;
}
.contact-form .form-wrap form {
  width: 100%;
}
.contact-form .form-wrap form label {
  display: inline-block;
  width: 100%;
}
.contact-form .form-wrap form label span {
  display: inline-block;
  width: 100%;
}
.contact-form .form-wrap form label span input, .contact-form .form-wrap form label span textarea {
  width: 100%;
  line-height: 2rem;
}

.form-left .form-wrap {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.form-left .text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.form-right .form-wrap {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.form-right .text {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}