@page {margin:0;}
body {margin:0; font-family:lucida Grande, Helvetica, Arial, sans-serif;}
.sheet {margin:0; overflow:hidden; position:relative; box-sizing:border-box; page-break-after:always; background:#ffffff;}

body.A4 .sheet {width:210mm; height:296mm;}

.sheet.padding-10mm {padding:10mm;}
.sheet.padding-15mm {padding:15mm;}

.inner_1, .inner_2 {position:absolute; width:190mm; height:260mm;}
.inner_2 {border:1px solid #7c7c7e;}

.logo {margin-top:10mm; margin-bottom:12mm;}
.logo, .certificate, .learner, .course, .content, .date {margin-left:36mm; padding-right:10mm;}
.certificate {margin-bottom:20mm;}
.certificate h1, .certificate p, .course p, .content p, .content ul, .date p {font-size:11pt; padding:0; margin:0;}
.learner {color:#89BA1B; font-size:26pt; font-weight:bold; margin-bottom:-5mm;}
.course {margin-bottom:10px;}
.course h2, .course p {margin:0; padding-bottom:3mm;}
.course h2 {font-size:16pt;}
.course p, .content p, .content li {line-height: 1.5;}
.content ul {padding-left:8mm;}
.instructor {margin-bottom:4mm;}
.instructor p, .date p {font-size:8pt;}
.date {position:absolute; bottom:3mm;}

/** For screen preview **/
@media screen {
  .sheet {background:#ffffff; box-shadow:0 .5mm 2mm rgba(0,0,0,.3); margin:5mm auto;}
}

/** Fix for Chrome issue #273306 **/
@media print {
  body.A4 {width:210mm;}
}