/* ===== HERO PINHO - SPECIFIC STYLES ===== */

.section--hero {
  background: var(--brand) url('/assets/img/hero/irmoes.webp') center/cover no-repeat;
  background-position: center center;
}

@media (max-width: 768px) {
  .section--hero {
    background-position: 80% center;
  }
}

:root {
  --brand: #000000;
}

a.btn--primary {
  box-shadow: 0 4px 16px 0 rgba(255,255,255,0.6);
}