ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #2a2a2a;
}
ul li {
  float: left;
}

ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  font-family: "roboto", sans-serif;
font-weight: 300;
font-style: normal;
}

ul li a:hover {
  background-color: #acc8f9;
}
 
h2 {
     background-color:#acc8f9;
     padding-left: 5px;
      padding-top: 20px;
      padding-bottom: 20px;
font-family: "greycliff-cf", sans-serif;
font-weight: 700;
font-style: normal;

}


h4 {
margin-top: 15px;
margin-bottom: 5px;
  font-family: "greycliff-cf", sans-serif;
font-weight: 500;
font-style: normal;
}




h6 {
    
    background-color: #acc8f9;
    color:  #acc8f9;
    padding: 20px;


}