.fe-legal-hero--transparency {
  background: var(--fe-cream-dark);
  min-height: 40vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 140px 5% 80px;
}

.fe-legal-hero__grifo {
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
}

.fe-legal-hero__grifo svg {
  width: 100%;
  height: 100%;
}

.fe-legal-hero--transparency .fe-legal-eyebrow {
  color: var(--fe-gold);
}

.fe-legal-hero--transparency .fe-legal-title {
  color: var(--fe-black);
}

.fe-legal-hero--transparency .fe-legal-date {
  color: var(--fe-warm-gray);
}