body {
background-image: url(clusters.jpg); 
background-repeat: repeat;
}

/* Header style settings */

header {
background-color: black; 
text-align: center; 
width: 85%; 
margin-bottom: .5%; 
margin-top: .5%; 
margin-left: 7.5%; 
margin-right: 7.5%; 
border-width: .5%; 
border-style: double; 
border-color: white;
}

h1 {
font-family: Century Gothic, sans-serif;
font-weight: normal;
font-size: 100%;
color: white;
line-height: 130%;
margin-bottom: .25%;
margin-left: .5%;
}

h2 {
font-family: Century Gothic, sans-serif;
font-weight: normal;
font-size: 80%;
color: white;
line-height: 130%;
margin-left: .5%;
}

h3 a {
font-family: Century Gothic, sans-serif;
font-weight: normal;
font-size: 60%;
color: white;
line-height: 130%;
margin-left: .5%;
}

/*Settings necessary for the nav list*/

nav a {
text-decoration: none;
}

nav ul li {
background-color: black; 
list-style-type: none;
}

nav ul li:first-of-type {
margin-left: 7.5%;
}

nav ul li {
background-color: black; 
width: 17%; 
display: block;  
text-align: center; 
font-family: Century Gothic, sans-serif; 
font-size: 50%; 
line-height: 130%; 
margin-bottom: .5%;
}

nav ul li a {
color: white;
border-top: .5% double white;
}

nav ul li:hover {
background-color: blue;
}

nav ul li a:hover {
background-color: blue;
}

/*Settings for the intro section*/

section {
background-color: black; 
float: left; clear: left; 
font-family: Helvetica, Arial, sans-serif; 
width: 85%; 
margin-left: 7.5%; 
margin-right: 7.5%; 
border-width: .5%; 
border-style: double; 
border-color: white;
margin-bottom: .5%;
}

p {
font-family: Helvetica, Arial, sans-serif; 
font-size: 50%; 
color: white; 
margin: 2%; 
line-height: 130%;
}

footer {
float: left; 
clear: left; 
background-color: black; 
color: white; 
font-size: 100%; 
font-family: Century Gothic, sans-serif; 
width: 85%; 
line-height: 130%; 
text-align: center; 
margin-left: 7.5%; 
margin-right: 7.5%;
border-width: .5%; 
border-style: double; 
border-color: white;
}

@media screen and (orientation: portrait) {
 
 nav ul li {
 float: none;
 }
}

@media screen and (orientation: landscape) {

  nav ul li{
  float: left;
  }
}