* {
  margin: 0;
}
    
.menu ul {
  list-style: none;
  text-align: center;
  padding: 0px 10px 0px 10px;
  margin: 0;
   color: #B2B2B2;
}
.menu li {
  font-family: 'Exo', sans-serif;
  font-size: 20px;
  font-variant: small-caps;
   color: #B2B2B2;
  line-height: auto;
  height: auto;
  border-bottom: 1px solid #888;
   display: inline-block;
    margin-right: 0px;
}
 
.menu a {
  text-decoration: none;
  display: block;
  transition: .3s background-color;
   color: #B2B2B2;
  padding:0px 20px 0px 20px;
}
 
.menu a:hover {
  color: #666699;
  font-style: Italic;
}
 
.menu a.active {
   color: #B2B2B2;
   cursor: default;
}
 
@media screen and (min-width: 600px) {
  .menu li {
    width: auto;
    border-bottom: none;
    height: auto;
    font-size: 200%;
  }
    
h1 {
font-family: 'Exo', sans-serif;
 font-size: 80px;
 font-style: Italic;
 font-weight: 900;
 font-variant: small-caps;
 text-shadow: 4px 4px #115588;
 color: #B2B2B2;
 text-align: center;
 margin-bottom: 0px;
 LINE-HEIGHT: 60px;
 }

h2 {
 font-family: 'Exo', sans-serif;
 font-size: 50px;
  font-style: Italic;
 font-weight: 900;
 font-variant: small-caps;
 text-shadow: 2px 2px #115588;
 color: #B2B2B2;
 text-align: center;
 margin-top: 0px;
}

h3 {
font-family: 'Exo', sans-serif;
 font-size: 30px;
 color: #B2B2B2;
 font-variant: small-caps;
 text-align: left;
 margin-bottom: 0px;
 }

p {
 font-family: 'Open Sans', sans-serif;
 font-size: 15px;
 font-weight: Medium;
 font-style: Italic;
 color: #B2B2B2;
 margin-top: 0px;
 }

.border
{
color: #B2B2B2;
border-style:solid;
font-family: 'Open Sans', sans-serif;
background-color: #115588;
border-color: #118855;
font-size: 20px;
padding: 5px;
Margin-left: 5%;
Margin-right: 5%;
Margin-bottom: 50px;
}

.footer {
 font-family: 'Exo', sans-serif;
 font-size: 10px;
 font-style: Italic;
 font-weight: 400;
 font-variant: small-caps;
 color: #2B2B2B;
 padding: 10px 0px 0px 4px;
 margin: 50px 0px 0px 0px;
 height: 50px;
 width: 80%;
 position: absolute;
}