@import url(slide.css);

/* style sheets for projection mode */

@media projection {
body { counter-reset: page 1; }

h1, body > h, body > section > h, body > div.section > h2 {
  color: #0c479d /* #005A98 */;
  display: block;
  border-bottom: medium groove #EEE;
  margin-top: 66px;
  padding-bottom: 24px;
  margin-bottom: 4px;
}
h1, body > section > h, body > div.section > h2  {
  page-break-before: always;
  counter-increment: page;
}
body > section:after, body > div.section:after {
  display: block;
  position: absolute;
  top: 734px;
  right: 2%;
  font-size: 24px;
  font-style: normal;
  content: "Page " counter(page);
}

/* fixed header and footer */

*[class="header"] {
  display: block;
  position: fixed;
  top: 10px;
  left: 4%;
}

*[class="footer"] {
  display: block;
  position: fixed;
  top: 734px;
  left: 4%;
  width: 94%;
  font-size: 24px;
  font-style: normal;
  border-top: medium groove #888;
}
}