/* Correção Pizzaria Moretti - Hero e responsivo */

.hero {
  min-height: 430px;
  background: #0b5d2a;
}

.hero > img {
  height: 430px;
  width: 100%;
  object-fit: cover;
}

.hero-content {
  z-index: 2;
}

.hero h1 {
  max-width: 720px;
  font-size: clamp(38px, 5.4vw, 70px);
  line-height: .98;
  letter-spacing: -2px;
  margin-bottom: 18px;
}

.hero p {
  max-width: 620px;
  line-height: 1.35;
}

@media (max-width: 768px) {
  .hero,
  .hero > img {
    min-height: 520px;
    height: 520px;
  }

  .hero-content {
    align-items: flex-start;
    padding-top: 70px;
  }

  .hero h1 {
    font-size: 42px;
    max-width: 92%;
  }

  .hero p {
    font-size: 17px;
    max-width: 92%;
  }
}

@media (max-width: 480px) {
  .hero h1 {
    font-size: 36px;
  }
}