body {
background-color: #556677;
color: #333333;	
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

a:link, a:visited {
color: #CCCCCC;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;	
letter-spacing: 1px;
text-decoration:none;
}

a:hover, a:active {
color: #CC0033;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;	
letter-spacing: 1px;
text-decoration:none;
}

.content {
text-align: justify;
background-color: #FFFFFF;
width:80%;
height: auto;
padding-left:20px;
padding-right:20px;
padding-top:40px; 
padding-bottom:40px;
margin-left: auto;
margin-right: auto;
}

h1 {
font-size:24px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;	
letter-spacing: 4px;
border-bottom: 4px solid;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: initial;
}

h2 {
font-size:18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;	
font-style:italic;
letter-spacing: 2px;
}


td {
padding:5px;
color: #333333;	
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

th  {
padding:5px;
text-align: justify;
font-size:16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;	
letter-spacing: 1px;
}

p  {
padding-bottom:10px;
}

img {
max-width:134px;
height:auto;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .content {
	  width:95%;
	  padding-left:5px;
	  padding-right:5px;
	  font-size: 4vw;
  }