body.node-4 [id*=hero] {
  height: 180px;
}
@media (min-width: 1024px) {
  body.node-4 [id*=hero] {
    height: 500px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) and (orientation: portrait) {
  body.node-4 [id*=hero] {
    height: 350px;
  }
}

body.has-no-popup [id*=hero] {
  padding-top: 0;
}

[id*=hero] {
  position: relative;
  z-index: 1;
  padding-top: 50px;
}
@media (min-width: 1024px) {
  [id*=hero] {
    height: 285px;
    margin-top: -100px;
    padding-top: 0;
  }
}
[id*=hero] .block-content__content {
  position: relative;
  overflow: hidden;
  width: 100%;
}
[id*=hero] h1 {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 3.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -1.08px;
  color: var(--raphia);
  text-align: center;
  font-family: "silkSansDisplayRegular";
  text-wrap: balance;
}
@media (min-width: 1024px) {
  [id*=hero] h1 {
    font-size: 5.25rem;
    margin: 2rem 0;
  }
}
@media (min-width: 1280px) {
  [id*=hero] h1 {
    margin: 5rem 0;
    font-size: 9.375rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) and (orientation: portrait) {
  [id*=hero] h1 {
    text-align: center;
  }
}
[id*=hero] h1 span:last-child {
  color: var(--lime);
}

/*
$min_width_tablet: 768px;
$min_width_tablet_landscape: 1024px;
$min_width_laptop: 1200px;
$min_width_desktop: 1440px;
$min_width_desktop_large: 1920px;
*/