body { margin-left: 10%; margin-right: 10%; }
h1 { font-family: verdana, sans-serif; font-size: 160%; font-weight: bold; color: #000080; }
h2 { font-family: verdana, sans-serif; font-size: 240%; font-weight: bold; color: #000080; }
h3 { font-family: verdana, sans-serif; font-size: 300%; font-weight: bold; color: #000080; }
p.content  { 

font-family : verdana, sans-serif; 

color : #000080; 

background-color : #ffffff; 

font-size : 16pt; 

font-weight : normal; 

font-style : normal; 
} 
div.fullWidth {
  width: 100%;
}

@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;
  }
}