h1 {
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 20px;
}

header {
  background: #B3B3B3;
  background-image: url("flywheel.jpg");
  width: 100%;
  height: 50%;
}



nav {
  width:100%;
}

nav a {
	color: #000000;
	text-decoration: none;
	display: inline-block;
	width: 10%;
	background-color: #FFFFFF;
	opacity: 0.5;
	border-radius:4px;
	text-align: center;
	padding: 10px 0px;
	margin: 25px 100px;
}

/*
.button {

	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}
*/


nav a:hover {
	opacity: 1;
	color: #000080;
}

aside {
	background-color: #808000;
	width: 20%;
	display: inline-block;
}

aside img {
	width: 50%;
	/* height:50%; */
	margin: 50px;
	border: 2px solid black;
	margin-left: auto;
	margin-right: auto;
	display:block;
}

h2 {
  color: #000000;
  text-transform: none;
}

section {
  display: inline-block;
  width: 20%;
}

.active {
	color: #000080;
	opacity: 1;
}