html {
  min-height:100%;
  display:flex;
  flex-flow:column nowrap
}
body {
  flex-grow:1;
  display:flex;
  flex-flow:column nowrap;
}
main {
  font-family: 'Metric Light', Arial, sans-serif;
  font-size: 1.25em;
  display:flex;
  flex-flow:column nowrap;
  padding:1em;
  max-width:900px;
  /* important otherwise the stuff included in the hpe header/footer would kill it */
  margin: auto !important;
}