html {
    font-size: 16px
}
body{
   margin: 50px;
   padding: 0px;
}
div{
   margin: 0px;
   padding: 0px;
}
img{
   border: 0px;
   margin: 0px;
   padding: 0px;
}
img.header {
    max-width: 100%;
    height: auto;
    min-width: 100px;
}
table{
   margin: 0px;
   padding: 0px;
}
th, td {
    padding: 1rem;
}
p{
   margin: 15px;
   padding: 0px;
    font-family: "Akzidenz-Grotesk", "Helvetica", sans-serif;
    font-size: 1rem
    
}
p.uppercase{
   text-transform: uppercase
    
}
p.center{
   text-align: center
    
}
ul{
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 35px;
   padding: 0px;
   list-style-image: url('image location');
   line-height: 20px; (gives spacing between list items)
}
a{
   text-decoration: none;
   color: black;
   font-weight: bold;
    font-family: "Akzidenz-Grotesk", "Helvetica", sans-serif;
    font-size: 2rem;
    
}
a.body{
   text-decoration: none;
   color: black;
   font-weight: bold;
    font-family: "Akzidenz-Grotesk", "Helvetica", sans-serif;
    font-size: 1rem;
    
}
a.body:hover{
   text-decoration: none;
   color: black;
   font-weight: bold;
    font-family: "Akzidenz-Grotesk", "Helvetica", sans-serif;
    font-size: 1rem;
    
}
a.body:visited{
   text-decoration: none;
   color: black;
   font-weight: bold;
    font-family: "Akzidenz-Grotesk", "Helvetica", sans-serif;
    font-size: 1rem;
    
}
a:hover{
      text-decoration: none;
   color: black;
   font-weight: bold;
    font-family: "Akzidenz-Grotesk", "Helvetica", sans-serif;
    font-size: 2rem;
}
a:visited{
     text-decoration: none;
   color: black;
   font-weight: bold;
    font-family: "Akzidenz-Grotesk", "Helvetica", sans-serif;
    font-size: 2rem;
}
.center {
    display: block;
    margin: auto;
}
.fit { /* set relative picture size */
    max-width: 100%;
    max-height: 100%;
  }
  table.center {
    margin-left:auto; 
    margin-right:auto;
  }
div.centered 
{
    text-align: center;
}

div.centered table 
{
    margin: 0 auto; 
    text-align: left;
}
@media screen and (max-width: 900px) {
  html {
    /* reducing base font size will reduce all rem sizes */
    font-size: 13px;
  }
@media screen and (max-width: 800px) {
  html {
    /* reducing base font size will reduce all rem sizes */
    font-size: 12px;
  }
@media screen and (max-width: 700px) {
  html {
    /* reducing base font size will reduce all rem sizes */
    font-size: 10px;
  }

}
@media screen and (max-width: 600px) {
  html {
    /* reducing base font size will reduce all rem sizes */
    font-size: 8px;
  }
@media screen and (max-width: 550px) {
  html {
    /* reducing base font size will reduce all rem sizes */
    font-size: 6px;
  }
@media screen and (max-width: 450px) {
  html {
    /* reducing base font size will reduce all rem sizes */
    font-size: 5px;
  }

}
@media screen and (max-width: 320px) {
  html {
    /* reducing base font size will reduce all rem sizes */
    font-size: 5px;
  }


}