#hero2{
  background: url('../img/tutors.jpg'),rgba(0,0,0,0.7);
  background-blend-mode: multiply;
  background-size: cover;
  background-attachment: center;
  
}
#statements{
  width: min(80%,400px);
  margin: auto;
  margin-top: 50px;
  
  display: flex;
  flex-wrap: wrap;
  /*gap: 30px;*/
  
}
#statements i{
  color:orange;
}
h2{
  color:#4b0082;
}
.carousel-item img{
  display: block;
  margin: auto;
  width:100%;
  height: 70vh;
  object-fit: contain;
  background: #555555
}
.carousel-caption{
  display: none;
  position:absolute;
  top: 50px;
  opacity: 0;
}
@media(max-width:780px){
  #nav-ul{
    
    margin: 0;
    padding: 0;
  }
  #nav-ul li{
    padding: 0;
    margin: 0;
    
  }
}