styles.css

/* Screen */
@media screen {
.footer {
  display: none;
}
}

/* Print */
@media print {
.footer{
  display: block;
  position: fixed;
  bottom: 0pt;
  left: 0pt;
  right: 0pt;
  text-align: center;
}  

#page-number::after {
  counter-increment: page;
  content:"Page " counter(page);
}
}