		.topnav {
		  overflow: hidden;
		  background-color: #fff;
		  border: 1px solid black;
		}

		.topnav a {
		  float: left;
		  display: block;
		  color: #003399;
		  text-align: center;
		  padding: 3px 20px;
		  text-decoration: none;
		  font-size: 16px;
		}

		.topnav a:hover {
		  
		}

		.active {
		  background-color: #aaa;
		  color: white;
		}

		.topnav .icon {
		  display: none;
		  color: black;
		}

		@media screen and (max-width: 800px) {
		  .topnav a:not(:first-child) {display: none;}
		  .topnav a.icon {
			float: right;
			display: block;
		  }
		  .topnav.responsive {position: relative;}
		  .topnav.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
		  }
		  .topnav.responsive a {
			float: none;
			display: block;
			text-align: left;
		  }
		}