.myNavbar{
  overflow: hidden;
  background-color: #012d48 /*Dark Blue*/;
}

.tmyNavbar a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #012d48;
  color: white;
}

.myNavbar .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: #012d48;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color:  #012d48 /*Dark Blue*/;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.myNavbar a:hover, .dropdown:hover .dropbtn {
  background-color: #012d48 /*Dark Blue*/;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ff0000 /*red*/;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .myNavbar a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .myNavbar a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .myNavbar.responsive {position: relative;}
  .myNavbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .myNavbar.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .myNavbar.responsive .dropdown {float: none;}
  .myNavbar.responsive .dropdown-content {position: relative;}
  .myNavbar.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

}
.button {
	background-color: #012d48; /*Dark Blue*/
	
	border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
	font-weight: bold;
	display: inline-block;
	margin: 3px;	
	text-align: center;
	transition: all 0.3s linear;
	vertical-align: middle;
	width: 250px;
}
	  body,p,h1,h2,h3,h4,h5,h6 {font-family: Cambria, "Times New Roman", "serif"; color: #012d48 /*Dark Blue*/;}
		.p {font-size:1vw; color: #ffffff;}	
		.p2{ color: #012d48} /*Dark Blue*/
		.h1{font-family: "Cinzel Decorative", serif, serif; font-size:30px; color: #012d48 /*Dark Blue*/; font-weight: 500;}
		.h1a{font-family: "Cinzel Decorative", serif, serif; font-size: 30px; color: #ffffff; font-weight: 500;}
		.h11a{font-family: "Poor Richard", Georgia, "serif"; letter-spacing: 3px;font-size: 10vw; color:#012d48 /*Dark Blue*/; font-weight: 900;}
		.h11{font-family: "Poor Richard", Georgia, "serif"; letter-spacing: 3px;font-size: 10vw; color: #fff; font-weight: 900;}
		.h2{font-family: "Cinzel Decorative", serif, serif; font-size: 7vw; color: #ffffff /*Dark Blue*/; font-weight: 900;}
		.h22{font-family: "Poor Richard", Georgia, "serif"; letter-spacing: 3px; font-size: 25px; color:#ffffff; font-weight: 900;}
		.h2a{font-family: "Poor Richard", Georgia, "serif"; letter-spacing: 3px; font-size: 25px; color:#012d48 /*Dark Blue*/; font-weight: 900;}  
		.h2r{font-family: "Poor Richard", Georgia, "serif"; letter-spacing: 3px;font-size: 25px; color:#ff0000 /*red*/;}
		.h3{font-family: "Poor Richard", Georgia, "serif"; letter-spacing: 3px;font-size: 20px; color: #012d48 /*Dark Blue*/; font-weight:600;}
		.h3a{font-family: "Poor Richard", Georgia, "serif"; letter-spacing: 3px; font-size: 20px; color:#ffffff; font-weight: 600;}
		.h4 {font-family: Cambria,"Times New Roman", "serif";  font-size: 18px; color:#012d48 /*Dark Blue*/;}
		.h4r{font-family: Cambria,"Times New Roman", "serif";  font-size: 18px; color:#ff0000 /*red*/;}
		.b {text-indent: 2em;} 
		.bgimg-1 {
		  background-position: center;
		  background-size: cover;
		  background-image: url("file:///C|/Users/betts/OneDrive/Desktop/LegendsWebsite/images/space.jpg");	 
		}