body{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
footer{
  margin-top: auto;
}
.main-hero {
  background: url(../images/d-hero-bg-1.jpg) center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0;
}
.main-hero-2{
  padding: 2.8125rem 0;
}
@media (min-width: 768px) {
  .main-hero-2 {
    padding: 5.625rem 0;
  }
}
.max-w-800{
  max-width: 800px;
  width: 100%;
}

.error{
  color:red;
}