/* marquee.css: the yellow wavy banner with the four services and moving badges. */
.wave-banner { background: var(--cream); line-height: 0; overflow: hidden; }
.wave-banner svg { display: block; width: 100%; height: 220px; }
.wave-banner .band { fill: none; stroke: var(--yellow); stroke-width: 86; stroke-linecap: butt; }
.wave-banner text { font-family: var(--font-heading); font-weight: 700; font-size: 30px; fill: var(--black); letter-spacing: .02em; }
@media (max-width: 760px) {
  .wave-banner svg { height: 150px; }
  .wave-banner .band { stroke-width: 58; }
  .wave-banner text { font-size: 20px; }
}