html, body {
  height: 100%;
}

body {
  /* "display: flex" and "flex-direction: column" so that, when we add "flex: 1" to #pc-mz-form-page-and-footer, that element occupies the rest of the page (the space not occupied by the nav element) */
  display: flex;
  flex-direction: column;

  font-family: 'Open Sans', sans-serif;
}

#pc-mz-form-page-and-footer {
  /* "display: flex" and "flex-direction: column" so that, when we add "flex: 1" to main, that element occupies the rest of the page (the space not occupied by the footer element) */
  display: flex;
  flex-direction: column;

  flex: 1; /* occupies the rest of the page (the space not occupied by the nav element) */
  overflow-y: auto; /* page and footer should be scrollable if there is an overflow */
}

main {
  flex: 1; /* occupies the rest of the page (the space not occupied by the footer element) */
}

.pc-mz-forms-form-pages__page {
  padding-bottom: 100px;
}

h3 {
  margin-top: 0 !important;
}