body{ background-color: #F3F3F3;
  font-size:100%; 
} 
p { color: black; line-height: 1.5em; font-size:.6 em; font-family: Franklin Gothic Book, Book Antiqua, "Trebuchet MS", Garamond, Georgia, arial, sans-serif} 
p1 { color: black; line-height: 1.5em; font-size:1.15 em; font-family: Franklin Gothic Book, Book Antiqua, "Trebuchet MS", Garamond, Georgia, arial, sans-serif} 
p2 { color: black; line-height: 1.5em; font-size:.6 em; font-family: Franklin Gothic Book, Book Antiqua, "Trebuchet MS", Garamond, Georgia, arial, sans-serif} 
p.ex1 {margin: 0 0 0 95px}
h1{ color: #1d309e; font-weight: bold; margin-left:2cm; text-align:left; font-size:35px; font-family: Franklin Gothic Book, Book Antiqua, "Trebuchet MS", Garamond, Georgia, tahoma, verdana, helvetica, arial, sans-serif}
h2{ color: #1d309e; font-weight: bold; margin-left: 95px; text-align:left; font-size:25px; font-family: Franklin Gothic Book, Book Antiqua, "Trebuchet MS", Garamond, Georgia, tahoma, verdana, helvetica, arial, sans-serif}
<!--
.tab { margin-left: 120px; }
-->

@media screen and (max-width: 40em) {
    body {
        font-size:90%;
    }
}
@media screen and (max-width: 30em) {
    body {
        font-size:80%;
    }
@media screen and (max-width: 20em) {
    body {
        font-size:70%;
    }
@media screen and (max-width: 10em) {
    body {
        font-size:60%;
    }
}