body{
	margin: 1%;
	padding: 10px;
}

header {
	background-color: #cccccc;
  	background-image: url('../images/flywheel.jpg');
  	background-size: 100%;
  	padding: 20px;
}
header h1{
  text-align:center;
  font-size: x-large;
  text-transform: uppercase;
  color:#ffffff
  
}

nav{
	text-align:center;
}
.active{
	background-color: #ffffff;
	color: #0000ff;
}
nav a{
	display: inline-block;
	margin: 2%;
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	-o-border-radius: 3;
	border-radius: 5px;
	text-decoration: none;
  	color:#000000;
  	text-align:center;
  	width:200px;
  	background-color: rgba(255,255,255,0.25);
  	padding: 2%;
}

.left{
	background-color: #478947;
	width: 22%;
	padding:5px;
	float: left;
}
.left img{
  border: solid 1px #000000;
  height: 100px;
  width: 80%;
  margin: 7%;
  
}

section h2{
	text-transform: uppercase;
  color:#04254b
  
}
.right{
	display: inline-block;
	width: 60%;
	padding-left: 2%;
}