html{
  font-family: 'Raleway', sans-serif;
  font-size:20px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #FDFEEE;
  position:fixed;
  width:100%;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  color:#F4703F;
}

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


.first{
  width:100%;
  height:480px;
  background-color:#D3EADF;
}

.first h1{
  padding-top:10%;
  text-align: center;
  font-size:100px;
  color:#F4703F;
}

#illustration{
  float:left;
  left:30%;
  margin-top:0px;
}

@media screen and (max-width: 1000px) {
  .first h1{
    padding-top:15%;
    text-align: center;
    font-size:100px;
    color:#F4703F;
  }
}

h2{
  margin-top:-2%;
  text-align:center;
  color:#F4703F;
}

.sectionTitle{
  text-align:center;
  font-size:40px;
  font-weight:bold;
  margin-top:0;
  padding-top:1.5%;
  color:#BB4850;
}

.second{
  background-color:#FDFEEE;
  width:100%;
  height:700px;
}

#sec{
  width:60%;
  margin-left:20%;
  margin-right:20%;
  text-align:left;
}

#secondImage{
  float:right;
  width:400px;
  height:300px;
  margin: 0 24% 0 2rem;
}

.third{
  background-color:#FDFEEE;
  width:100%;
  height:700px;
}


h5{
  display:block;
  text-align:left;
  font-size:larger;
  margin-left: 10px;
  margin-bottom:-10px;
}

.fourth{
  background-color:#FDFEEE;
  width:100%;
  height:700px;
}

.fifth{
  background-color:#FDFEEE;
  width:100%;
  height:700px;
}

.sixth{
  background-color:#FDFEEE;
  height:200px;
}

#cont{
  width:40%;
  margin-left:30.5%;
  text-align:center;
}

#copy{
  text-align:left;
  padding-top:15px;
  padding-left:22%;
  font-weight:bold;
}