@media print {
  /* reduce overall font-size */
  html {
    font-size: 12px;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body,
  main {
    overflow: visible !important;
  }

  /* hide the header and the navigation  */
  header,
  nav {
    display: none !important;
  }

  /* hide the first div in main, which is used for alignment purposes only */
  main > div:first-child {
    display: none !important;
  }
}