/* Reset */
* {
  margin: 0;
  padding:0;
  box-sizing: border-box;
}

/* Main Styling */
html,body {
  font-family:'Encode Sans', sans-serif;
  line-height: 1.7em;
  background: #000000;
}

a {
  color: #fff;
  text-decoration: none;
}

h1, h2, h3 {
  padding-bottom: 20px;
}



/* Utilities */
.clr {
  clear: both;
}

/* Navbar */
#navbar {
  background: #fff;
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: auto;
}

#navbar a {
  color: #000;
}

#navbar h1 {
  float: left;
  padding-top: 20px;
  padding-left: 10px;
  font-size: 2.3em;
}
#navbar h1 a:hover {
  color: #fff;
  background: #000;
  border-radius: 10px;
}

#navbar ul {
  list-style: none;
  float: right;
}

#navbar ul li {
  float: left;
  color: #ece6e6;
  text-align: center;
  font-size: 1.8em;
  padding-top: 20px;
  padding-right: 20px;

}

#navbar ul li a {
  display: block;
  padding: 0px 10px;
  text-align: center;
  }

#navbar ul li a:hover,
#navbar ul li a.current {
background: #000;
color: #fff;
border-radius: 10px;
}

/* Showcase */
#showcase {
  background: url('../background photos/DSC08252.jpg') no-repeat center center/cover;
   height: 900px
  }


#showcase .showcase-content {
  color: #fff;
  text-align: center;
  margin-top: 1px;
  padding-top: 20px;
  padding-right: 250px;
  font-size: 1.7em;
  line-height: 1.3em;
  
}

#showcase h1,
#showcase p {
  text-shadow: #000 2px 2px;
}

#showcase-two {
  background: url('../background photos/player.jpg') no-repeat center;
  height: 900px;
  opacity: .8;
  overflow: auto;
}

#showcase-two a {
  display: inline-block;
  list-style: none;
  float: center;
  font-size: 2em;
  text-shadow: #000 2px 2px;
  padding: 20px;
  width: 420px; 
  }

#showcase-two li {
    display: inline;
  }

#showcase-two a:hover {
background: #000;
color: #fff;
border-radius: 10px;
}
#showcase-three {
  background: url('../background photos/DSC08723.jpg') no-repeat center center/cover;
  height: 900px;
  opacity: .8;
  overflow: auto;
}

#showcase-three a {
  display: inline-block  ;
  list-style: none;
  float: center;
  font-size: 2em;
  text-shadow: #000 2px 2px;
  padding: 10px;
  width: 420px;
   
  }

#showcase-three a:hover {
background: #000;
color: #fff;
border-radius: 10px;
}

#showcase-three li {
  display: inline;
}

#showcase-four {
  background: url('../background photos/DSC08194.jpg') no-repeat center center/cover;
  height: 900px;
  opacity: .8;
  overflow: auto;
}

#showcase-four a {
  display: inline-block  ;
  list-style: none;
  float: center;
  font-size: 2em;
  text-shadow: #000 2px 2px;
  padding: 10px;
  width: 420px;
   
  }

#showcase-four a:hover {
background: #000;
color: #fff;
border-radius: 10px;
}

#showcase-four li {
  display: inline;
}

#showcase-five {
  background: url('../background photos/DSC06643.jpg') no-repeat center center/cover;
  height: 900px;
  opacity: .8;
  overflow: auto;
}

#showcase-five a {
  display: inline-block  ;
  list-style: none;
  float: center;
  font-size: 2em;
  text-shadow: #000 2px 2px;
  padding: 10px;
  width: 420px;
   
  }

#showcase-five a:hover {
background: #000;
color: #fff;
border-radius: 10px;
}

#showcase-five li {
  display: inline;
}

#showcase-eight {
  background: url('../background photos/sunsetdock.jpg') no-repeat center center/cover;
   height: 900px;
   opacity: 0.9;
  }


#showcase-eight .showcase-eight-content {
  color: #fff;
  text-align: center;
  margin-top: 1px;
  padding-top: 650px;
  padding-right: 250px;
  font-size: 1.7em;
  line-height: 1.3em;
  
}

#showcase-eight h1,
#showcase p {
  text-shadow: #000 2px 2px;
  
}
  
/* box */
#box-fb {
  background: url('../background photos/DSC05996.jpg') no-repeat center center/cover;
  opacity: 0.9;
  color: #fff;
  border: 2px #fff solid;
  width: 33%;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  margin-top: 1px;
  padding: 20px;
}
#box-fb a{
  text-decoration: none;
  font-size: 30px;
}
#box-in {
  background: url('../background photos/DSC08265.jpg') no-repeat center center/cover;
  opacity: 0.9;
  color: #fff;
  border: 2px #fff solid;
  width: 33%;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  margin-top: 1px;
  padding: 20px;
}
#box-in a{
  text-decoration: none;
  font-size: 30px;
}
#box-li {
  background: url('../background photos/DSC04530.jpg') no-repeat center center/cover;
  opacity: 0.9;
  color: #fff;
  border: 2px #fff solid;
  width: 33%;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  margin-top: 1px;
  padding: 20px;
}
#box-li a{
  text-decoration: none;
  font-size: 30px;
}


    
.btn {
  background: #fff;
  color: #000;
  border: none;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 10px;
}

/* Footer */
#footer {
  background: #fff;
  color: #000;
  margin-top: 2px;
  text-align: center;
  font-size: 1.3em;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: auto;
}