/* index.css for Home Page */

.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 70vh;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
  
  /* 0.7 opacity dark overlay + AUBackground2.jpg */
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
              url('AUBackground2.jpg') no-repeat center center;
  background-size: contain;
 background-position: center top;
}

.hero-content h2,
.hero-content p,
.hero-content .btn {
  color: #fff;
}