body{
 background-color: white
 font-family: 'Raleway', sans-serif;
}

nav{
	margin: 0;
}

.navigation ul{
  list-style-type: none;
  margin-bottom: -25px;
  text-align: center;
  padding: 0;
  overflow: hidden;
  background-color: midnightblue;
  height: 60px;
}

.navigation li a{
   font-weight: 600;
   font-size: 30;
   letter-spacing: 2px;
   float: left;
   display: block;
   padding: 20px;
   color: white
}

.navigation li{
 float: left;
}

li a:hover{
  background-color: #111;
}



p{
}

#banner{
  margin: 0;
  background-image: url(./images/kayaking.jpg);
  background-size: cover;
  background-position: bottom center;
  height: 350px;
  width: 100%;
  opacity: 80;

}

#banner .welcome h1{
	position: relative;
    top: 270px;
	left: 16px;
	color: white;
	width: 480px;
	text-align: center;
}

#banner .slogan h1{
	position: relative;
    top: 250px;
	left: 50px;
	color: white;
    width: 400px;
	text-align: center;
}

#banner .about h1{
	position: relative;
    top: 300px;
	left: 16px;
	color: white;
	width: 90px;
	text-align: center;
}

#about_info h1{
	text-align: left;
    font-weight: 600;
    font-size: 60;
    letter-spacing: 2px;	
}

#about_info p{
	text-align: left;
    font-weight: 600;
    font-size: 40;
    letter-spacing: 2px;	
}