.scd-sub-header-red {
  font-size: 1.6rem;
}

.oqc-form {
  display: grid;
  grid-gap: 20px;
  grid-template-areas:
    "first last"
    "email email"
    "question question"
    "button button";
}

.question-firstname {
  grid-area: first;
}

.question-lastname {
  grid-area: last;
}

.question-email {
  grid-area: email;
}

.oqc-form textarea {
  grid-area: question;
  height: 250px;
}

.oqc-form button {
  grid-area: button;
  border: none;
  padding: 5px;
  color: white;
  background: green;
  border-radius: 5px;
  cursor: pointer;
}

.oqc-form input,
.oqc-form textarea {
  border: 1px solid #acacac;
  padding: 5px 15px;
  border-radius: 5px;
}

.oqc-form button:active {
  background: #026102;
}

.oqc-form button:hover {
  background: #037703;
}

@media screen and (max-width: 768px) {
  .oqc-form {
    grid-template-areas:
      "first"
      "last"
      "email"
      "question"
      "button";
  }

  .form-container {
    width: 100% !important;
  }
}