BODY { font-size: 12px; color: #CCCCCC; background-color: #000000; }

body.inline { background-color: #cccccc; }

div.wrap { min-height: 90vh; position: relative; padding-bottom: 70px; box-sizing: border-box; }

H1 { font-size: 16px; font-weight: normal; padding-top: 2px; border-left-width: 5px; border-left-style: solid; border-left-color: #999999; padding-left: 2px; padding-right: 2px; margin-bottom: 2px; }

H2 { font-size: 21px; font-weight: normal; margin-bottom: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding-bottom: 2px; width: 100%; }

H3 { font-size: 12px; font-weight: normal; padding-top: 2px; border-left-width: 5px; border-left-style: solid; border-left-color: #999999; padding-left: 2px; padding-right: 2px; margin-bottom: 2px; }

td { font-size: 12px; }

a { text-decoration: none; color: #FFFFFF; }

a:visited { color: #FFFFFF; }

a:hover { font-style: italic; color: #ffffcc; }

hr { width: 100%; text-align: left; margin-left: 0; border: 1px 0 0 0; border-color: #999999; }

hr.middle { width: 75%; text-align: left; margin-left: 0; }

dt { font-size: 14px; margin-left: 10px; margin-bottom: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding-bottom: 1px; width: 95%; }

dd { font-size: 12px; color: #999999; margin-bottom: 8px; }

img { border-width: 0px; }

footer { width: 100%; position: absolute; bottom: 0px; }

@media (min-width: 992px) { h2 { max-width: 45%; }
  hr { width: 75%; }
  hr.middle { width: 50%; }
  dt { width: 43%; }
  footer { bottom: 50px; } }