h1{
font-size: 130%;
text-transform:uppercase;
margin-top: 0;
margin-bottom: 3mm;
padding:0;
}

h2{
font-size: 150%;
font-weight: 800;
margin-top: 0;
margin-bottom: 1mm;
padding:0;
}

h3 {
font-size: 120%;
font-weight: 800;
margin-top: 3mm;
margin-bottom: 0;
padding:0;
}

p {
margin-top: 2mm;
margin-bottom: 0;
}

.text_frame {
padding: 3mm;
margin: 0mm;
border: 1pt solid grey;
}

page[size="A4"] {  
  width: 21cm;
  height: 29.7cm; 
}

page[size="A4"][layout="portrait"] {
  width: 29.7cm;
  height: 21cm;  
}
page[size="A3"] {
  width: 29.7cm;
  height: 42cm;
}
page[size="A3"][layout="portrait"] {
  width: 42cm;
  height: 29.7cm;  
}
page[size="A5"] {
  width: 14.8cm;
  height: 21cm;
}
page[size="A5"][layout="portrait"] {
  width: 21cm;
  height: 14.8cm;  
}

.pagebreak {
    page-break-after: always;
}

.only_image {
  height: 4.5cm;
  border: 1pt solid grey;
}

.grid{
vertical-align:top;
}

.grid td{
padding-left: 3mm;
padding-right: 3mm;
vertical-align:top;
}


.divider {
width: 100%;
border-bottom: 1pt solid;
margin-bottom: 1mm;
margin-top: 1mm;
}

@media screen {

body {
  background: rgb(204,204,204); 
}

page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  font-family: "Trebuchet MS", Tahoma, Arial;
  font-size: 9pt;

}
}


@media print {
  @page {
        size: A4 portrait;
        margin: 0.3cm;
    }

body, page {
    margin:0;
    border:0;
    background: white;
  }
}

page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  padding: 7mm 7mm 7mm 10mm;
  font-family: "Trebuchet MS", Tahoma, Arial;
  font-size: 9pt;
}