/*HERO SECTION***************************************/

.aagHero {
  display: flex; justify-content: center; align-items: center; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; 
}

.heroContent {
  max-width: 100%; width: 100%; padding: 50px 30px;
}

.heroLogo {
  width: 400px; margin: 0 auto;
}

.heroContent h1 {
  font-size: 40px; line-height: 1.2; color: #fff; text-align: center; margin-top: 30px; margin-bottom: 0;
}

section.lease-expiration {
  background-color: #fff;
  padding: 20px 0;
}

@media (min-width: 992px) {
  .aagHero {
    justify-content: flex-start; background: linear-gradient(0deg, rgba(0, 0, 0, .20), rgba(0, 0, 0, .70)); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;
  }
  .heroContent {
    width: 45%; padding: 60px 50px;
  }
  .heroContent h1 {
    font-size: 46px; line-height: 1.2;
  }
}

@media (min-width: 1200px) {
  .heroContent {
    width: 50%; padding: 90px 100px;
  }
  .heroContent h1 {
    line-height: 1.2;
  }
}

@media (min-width: 1500px) {
  .heroContent {
    padding: 90px 140px;
  }
  .heroContent h1 {
    font-size: 65px; line-height: 1.2;
  }
}