body {
	background-color: #000000;
	
		font-family: Verdana, sans-serif
}
a {
  color: inherit;
}
ul {
   background-color: #333;
      /* make element inline flex-container */
  /* this will make its children flex-items */
  display: flex;
  /* center items horizontally */
  justify-content: center;
  list-style-type: none;
  padding: 0;
	width: 90%;
	margin: auto;
  overflow: hidden;
 
}

li {
	float: left;
}

li a {
  display: block;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 1em;
  color: white;
  text-align: center;
  padding: 14px 16px;
  margin: auto;
}

li a:hover:not(.active) {
  background-color: #111;
}

.active {
  background-color: #111111;
}
.contact {
			background-color: #004FC9;
		}
		@media screen and (max-width: 600px) {
  ul.topnav li.right, 
  ul.topnav li {float: none;}
		}
h1 {text-align: center;
	font-family: sans-serif;
	color: white;
	font-size: 1.8rem;
}
h2 {text-align: center;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color: white;
	font-size: 1.6rem;
}
h3 {
	text-align: center;
	font-family: Trebuchet MS;
	color: white;
	font-size: 1.2rem;
	}
info {text-align: left;
	font-family: Trebuchet MS;
		color: white;
		font-size: 1.4rem;
	}
subinfo{
	text-align: left;
	font-family: Verdana, segoe, sans-serif;
		color: white;
		font-size: 1.2rem;
	}
@media screen and (max-width: 500px) {
 title {
	font-size: 1.4rem;
}
 info {
	font-size: 1.2rem;
}
 subinfo {
	font-size: .8rem;
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 85%; 
  min-height: 85%;
}}