@media all {
  body         {max-width: 50em}
  div.pealkiri {text-align: center;
                 font-weight: bold;
                 font-size: 300%}
  div.ots 	{color: gray;
                  font-size: 80%}
  h1 {text-align: center;
       margin-top: +4ex}
  h2 {text-align: left;
       margin-top: +4ex}
  dl.calendar dt {color: MidnightBlue;
	      font-weight: bold}
  p.katse {
    font-style: italic;
    font-size: smaller;
    padding-left: 15em;
    padding-right: 15em;
    text-align: center;
    color: red 
  }
  p.katse img   {padding-bottom: 2ex}
  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}
}