.gaffe {
  padding: 16vh 0 4vh 0;
  text-align: center;

  h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 .5rem .25rem;
  }

  h2 {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0 0 0 .25rem;
  }
}

@media only screen and (--viewport-4) {
  .gaffe {
    padding: 16vh 0;
  }
}