body {
    background-color: #000000;
    font-family: -apple-system, Helvetica, Arial, sans-serif; 
	max-width: 1606px;
    margin: 0 auto;
    float: none;
}

a:link {
    color: #BBBBDD;
}

a:visited {	
    color: #DDBBDD;
}

a:hover {
    color: #FF0000;
}

a:active {
    color: #00FF00;
}

p {
	font-size: 100%;
        color: #CCCCCC;
        margin: 2%;
}

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

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

p.pic {
	width: 100%;
        margin-left: 0px;
	margin-right: 0px;
}

h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
        color: #FFCC00;
	font-size: 400%;
        margin: 2%;
}

h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
        color: #FFCC00;
	font-size: 250%;
        margin: 2%;
}

h3 {
	font-weight: bold;
	color: #FFCC00;
	font-size: 160%;
        margin: 2%;
}

h4 {
	font-weight: bold;
    color: #FFCC00;
	font-size: 125%;
        margin: 2%;
}

h6 {
	font-weight: normal;
	text-align: center; 
	color: #FFCC00;
        font-size: 100%; 
        margin: 2%;
}

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