/* Perfect Patios homepage: mobile header color and contrast only. */
@media screen and (max-width: 760px) {
  html body.patios.home[data-mobile-hero="patios"] > header::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 14px !important;
    right: 0 !important;
    bottom: auto !important;
    height: 138px !important;
    left: 0 !important;
    max-height: 138px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg,
      rgba(255, 255, 255, .98) 0%,
      rgba(255, 255, 255, .96) 38%,
      rgba(255, 255, 255, .84) 58%,
      rgba(255, 255, 255, .45) 80%,
      rgba(255, 255, 255, 0) 100%) !important;
    filter: none !important;
    box-shadow: none !important;
    opacity: .84 !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }
  html body.patios.home[data-mobile-hero="patios"] > header a.brand::before {
    content: none !important;
    display: none !important;
    background: none !important;
    filter: none !important;
    box-shadow: none !important;
  }
  html body.patios.home[data-mobile-hero="patios"] > header span.license-assurance {
    color: #16467d !important;
    text-shadow: none !important;
    filter: none !important;
    box-shadow: none !important;
    -webkit-text-stroke: 0 !important;
  }
}