body {
  font-family: -apple-system, Helvetica, Arial, sans-serif; 
}

p {
	font-size: 150%; 
}

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

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

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

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

h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 250%; 
}

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

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%;
  }
}