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

a:link {
    color: #DDDDDD;
}

a:visited {
    color: #DDBBDD;
}

a:hover {
    color: #FF0000;
}

a:active {
    color: #00FF00;
}

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

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

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

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

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

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

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

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

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