body { margin-left: 10%; margin-right: 10%; font-family: Verdana, sans-serif; font-weight: normal; font-style: normal; }
h1 { font-family: verdana, sans-serif; font-size: 100%; font-weight: bold; font-style: normal; }
content { font-family: verdana, sans-serif; font-size: 16pt; color: #000000; background-color: #FFFFFF; font-weight: normal; font-style: normal; }

a:link {
color: #00FF00;
text-decoration: none;
background-color: #3300cc;
}
a:visited {
color: #ccffff;
text-decoration: none;
background-color: #3300cc;
}
a:hover {
color: #ffff66;
text-decoration: underline;
background-color: #3300cc;
}
a:active {
color: #00FF00;
text-decoration: none;
background-color: #3300cc;
}
c6 { font-family: verdana, sans-serif; font-size: 14pt; color: #ffff66; background-color: #3300cc; font-weight: bold; font-style: normal; }
c1 { font-family: verdana, sans-serif; font-size: 12pt; color: #000000; background-color: #FFFFFF; font-weight: normal; font-style: normal; }
c2 { font-family: verdana, sans-serif; font-size: 12pt; color: #00FF00; background-color: #CCCCCC; font-weight: normal; font-style: normal; }
c3 { font-family: verdana, sans-serif; font-size: 12pt; color: #000000; background-color: #FFFFFF; font-weight: normal; font-style: normal; }
c5 { font-family: verdana, sans-serif; font-size: 12pt; color: #ffffff; background-color: #3300cc; font-weight: normal; font-style: normal; }
c3 { font-family: verdana, sans-serif; font-size: 12pt; color: #000000; background-color: #FFFFFF; font-weight: normal; font-style: normal; }
c4 { font-family: verdana, sans-serif; font-size: 12pt;  color: #000000; background-color: #FFFFFF; font-weight: normal; font-style: normal; }

@media only screen and (min-width: 375px) and (max-width: 667px) {
  body {
    font-size: 9.5pt;
  }
  div.content {
    width: 96ex;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  body {
    font-size: 10pt;
    margin: 0 4em;
  }
  div.content {
    width: 96ex;
    margin: 0;
  }
}