body { margin:0; }
@page { margin:0; }
.page {
  overflow:hidden;
  position:relative;
  box-sizing:border-box;
  page-break-after:always;
}

/** Paper sizes **/
.page.A3                { width: 297mm; height: 419mm }
.page.A3.landscape      { width: 420mm; height: 296mm }
.page.A4                { width: 210mm; height: 296mm }
.page.A4.landscape      { width: 297mm; height: 209mm }
.page.A4plus            { width: 240mm; height: 320mm }
.page.A4plus.landscape  { width: 320mm; height: 240mm }
.page.A5                { width: 148mm; height: 209mm }
.page.A5.landscape      { width: 210mm; height: 147mm }
.page.letter            { width: 216mm; height: 279mm }
.page.letter.landscape  { width: 280mm; height: 215mm }
.page.legal             { width: 216mm; height: 356mm }
.page.legal.landscape   { width: 357mm; height: 215mm }

/** For screen preview **/
@media screen {
  body { background:#e0e0e0 }
  .page {
    background:white;
    box-shadow:0 .5mm 2mm rgba(0,0,0,.3);
    margin:5mm auto !important;
  }
}

/** Fix for Chrome issue #273306
@media print {
           body.A3.landscape { width: 420mm }
  body.A3, body.A4.landscape { width: 297mm }
  body.A4, body.A5.landscape { width: 210mm }
  body.A5                    { width: 148mm }
  body.letter, body.legal    { width: 216mm }
  body.letter.landscape      { width: 280mm }
  body.legal.landscape       { width: 357mm }
}
**/