@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
#header-content {
	width: 960px;
	position: relative;
  margin-left: auto;
	margin-right: auto;
  padding: 10px;
}
#header-content img{
height: 120px;
}
nav{
background-color: white;
position: absolute;
top: 100px;
right:0;
padding: 10px;
border: 6px;
font-size: 20px;
font-weight: 300;
}
nav ul{
  display: block;
}
nav li{
  display: inline-block;
}
nav a{
  color: #034001;
  text-decoration: none;
  margin-right: 60px;
}
nav a:hover{
  text-decoration: underline;
  text-decoration-color: #034001;
}
#banner{
  width: 100%;
  background-image: url("images/clear-lake-banner.jpg");
  height: 525px;
  text-align: center;
}
#explore{
position: relative;
top: 180px;
}
#banner h1{
  font-size: 56px;
  font-weight: 700;
  color: white;
font-family: 'Jost', sans-serif;
}
#banner h4{
  font-size: 26px;
  font-weight: 700;
  font-family: 'Jost', sans-serif;
  color: white;
  margin-bottom: 20px;
}
#banner a{
  background-color: #034001;
  font-family: 'Jost', sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 15px;
}
#wrapper-white{
  display: flex;
  justify-content: space-between;
  width: 960px;
  margin-left: auto;
	margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
section{
width: 580px;
height: 340px;
font-family: 'Jost', sans-serif;
color: #034001;
background-image: url("images/lake-wissota.jpg");
}
section a{
  font-size: 20px;
  font-weight: 700;
  background-color: #034001;
  font-family: 'Jost', sans-serif;
  color: white;
  padding: 10px 15px;
  text-decoration: none;
  position:relative;
  top: 160px;
  left: 150px;
}
aside{
  width: 320px;
}
aside h1{
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Jost', sans-serif;
color: #034001;
}
aside p{
font-size: 18px;
font-weight: 300;
line-height: 150%;
font-family: 'Jost', sans-serif;
}
#wrapper-trails{
  width: 100%;
  background-color: #f0ebe8;
  height: 340px;
  padding-bottom: 60px;
}
#wrapper-trails h2{
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  font-family: 'Jost', sans-serif;
  color: #034001;
  padding-top: 40px;
}
#trail-content{
  width:960px;
  margin-left: auto;
	margin-right: auto;
  padding-top: 20px;
}
#trail-content h3{
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  font-family: 'Jost', sans-serif;
}
#trail-content p{
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  font-family: 'Jost', sans-serif;
}
.trail-box{
  display:inline-block;
  width: 300px;
  text-align: center;
  vertical-align: top;
  font-family: 'Jost', sans-serif;
  color: #034001;
}
footer{
  width: 100%;
  background-color: #034001;
  padding-top: 20px;
  padding-bottom:20px;
}
#footer-content{
display: flex;
justify-content: space-between;
width:960px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
footer h3{
font-size: 16px;
font-weight: 700;
text-transform:uppercase;
color: white;
padding:10px;
}
footer p{
font-size: 16px;
font-weight: 300;
color: white;
}
footer a{
  color: white;
}
#footer-left{
  width: 30%;
}
#footer-center{
width: 30%;
}
#footer-center img{
  height:50px;
}
#footer-right{
  width: 30%;
}
#footer-right img{
  height:50px;
}