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

a:link {
    color: #0000EE;
}

a:visited {
    color: #551A8B;
}

a:hover {
    color: #FF0000;
}

a:active {
    color: #009900;
}

p {
	font-size: 100%; 
}

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

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

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

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: bold;
	font-size: 112%; 
}

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

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.container75 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 42.19%;
}

.video75 {
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    height: 100%;
}

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