html, body {
  margin: 0;
  background-color:#000000;
}
*{
    text-align:center;
  }
.header{
  opacity:0.8;
  position:fixed;
  width:100%;
  background-color:#000211;
  z-index:1000;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
li{
  color:#FFF;
  display:inline-block;
  padding:10px 60px 10px 60px;
  font-size:15;
}
a{ 
    font-size:12;
    color:#FFFFFF;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
li:hover {
  font-weight:900;
}
h1{
    font-family:Arial;
    font-size:35pt;
    color:#FFFFFF;
}
h2{
  font-family: 'Oswald', sans-serif;
  font-size:35pt;
  color:#FFFFFF;
  text-transform: uppercase;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
p{
  background-color:#000000;
}
.main{
  padding-top:400px;
  padding-bottom:500px;
  background-color:#000000;
  color:#FFF;
  background-image:url("images/water.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.supporting{
  text-align:center;
  padding:500px 0px 50px 0px;
}
.break{
  background-color:#000000;
  padding:100px 0px 300px 0px;
  width:100%;
}
#icon:hover{
  height:120%;
  width: 120%;
}