body {
    font-family: -apple-system, Helvetica, Arial, sans-serif;
    max-width: 1280px;
    margin: 0 auto;
    float: none;
}

a:link {
    color: #000000;
	margin: 0px; 
	text-decoration: none;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

a:visited {
    color: #000000;
}

a:hover {
    color: #FF0000;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

a:active {
    color: #009900;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

p {
	font-size: 100%;
}

p.nav-bar {
	margin-top: 0;
	text-align: center;
	font-size: 71%; 
}

p.nav-bar a {
	margin-left: 3px;
	margin-right: 3px;
}

h1 {
	margin-top: 5px;
	margin-bottom: 0;
	font-weight:normal;
	font-size: 100%; 
	font-size: 2.7vw;
}
@media screen and (min-width: 1200px) {
	h1 {
		font-size: 40px;
	}
}

h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 200%; 
}

h3 {
	font-weight: bold;
	font-size: 160%; 
}

h4 {
	font-weight: bold;
	font-size: 125%; 
}

h5 {
	font-weight: normal;
	font-size: 80%; 
}

h6 {
	font-weight: normal;
	text-align: center; 
    font-size: 100%; 
}

@media only screen and (max-width: 320px) {
  table, form, input {
    width: 100%;
    max-width: 100%;
  }
  img {
    max-width: 100%;
  }
}