body {  font-family: "calibri", "Cambria", "Garamond","Arial", "Georgia", "Helvetica", "Verdana", "Times";
color: navy; background: white;  font-style: normal; font-weight: normal; line-height: 1.4;
	font-size: 18px,text-align: left;
} 
h1   {font-family: "calibri", "Cambria", "Garamond","Arial", "Georgia", "Helvetica", "Verdana", "Times"; color:#800080} 
h2   {font-family: "calibri", "Cambria", "Garamond","Arial", "Georgia", "Helvetica", "Verdana", "Times"; color:#800080} 
h3   {font-family: "calibri", "Cambria", "Garamond","Arial", "Georgia", "Helvetica", "Verdana", "Times";color:#800080;
} 
h4   {font-family: "calibri", "Cambria", "Garamond","Arial", "Georgia", "Helvetica", "Verdana", "Times"; color:#800080;
	width: 608px;
}
@media all {
    /* sets the base font size for all user agents that support media queries */
    html {
        font-size: 18px;
    }
}
@media screen and (min-width: 480px) {
    /* sets a larger base font size for viewports with a minimum with of 480px, e.g. tablets, desktops, jumbotrons, etc. */
    html {
        font-size: 20px;
    }
}

  <!--
  A:link {
  color: #660066;
  text-decoration: none;
  text-align: center;
  font-weight:bold;
  }
  A:visited {
  color: #660066;
  text-decoration: underline; 
  }
  A:hover {
  color: #0000ff !important;
  text-decoration: underline;
  }
 table {
    border-width: 1px;
	border-collapse: collapse;
    margin: 0 auto;
	width: 95%;
}
td {
    text-align: left;
    vertical-align: middle;
    padding: 15px;
}