@media all {
  body         {max-width: 50em}
  h1 {text-align: center;
    margin-top: +4ex}
  h2 {text-align: left;
      margin-top: +4ex;
     }
  div.column {
      display: inline-block;
      margin-left: 1em;
      margin-right: 1em;
      max-width: 15em;
      vertical-align: text-top;
  }
  div.footer {
      clear: both;
      color: gray;
      font-size: 80%
  }
  div.pealkiri {text-align: center;
    font-weight: bold;
    font-size: 300%}
  div.section {
      clear: both;
  }
  p.pilt       {font-style: italic;
    font-size: smaller;
    padding-left: 30%;
    padding-right: 30%;
    text-align: center}
  p.pilt img   {max-width: 100%;
    padding-bottom: 2ex}
  ul.hqre li {margin-top: +2ex}
}

@media print {
  body    {margin: 10mm}
  p.pilt  {page-break-inside: avoid}
  p.pilt img {page-break-inside: avoid}
}