.c-debugform h2 {
  font: var(--open-sans-3);
  margin-bottom: 1rem;
}


.c-debugform {
  opacity: 1;
  margin-bottom: 6rem;
  display: grid;
  grid-template-columns: 1.26fr 1fr;
  grid-template-areas: 'content notes' 'form form' 'footer .';
  grid-gap: 0 6rem;
  gap: 0 6rem;
  grid-template-rows: auto 1fr;
}
@media (max-width: 47.5em) {
  .c-debugform {
    grid-template-columns: 1fr;
    grid-template-areas: 'content' 'notes' 'form' 'footer';
  }
}

.c-debugform-content {
  grid-area: content;
}


.c-debugform-notes {
  grid-area: notes;
  font-size: 90%;
}
.c-debugform-notes > h2{
  font: var(--open-sans-6);
}


.c-debugform-form {
  grid-area: form;
}
.c-debugform-form > form {
  padding-top: 2rem;
  padding-bottom: 3rem;
}


.c-debugform-footer {
  grid-area: footer;
}
.c-debugform-footer .c-legal {
  padding-top: 4rem;
  padding-bottom: 2rem;
  font: var(--open-sans-5);
}