/* ===== PLAYGSTAAD HERO ===== */

#main-buttons {
  min-height: 700px !important;
  position: relative !important;
}

/* ===== FIX WORD-PASTED STYLES IN PROVIDER DESCRIPTIONS ===== */
.provider-description .MsoNormal,
.provider-info .MsoNormal,
[id^='provider'] .MsoNormal {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: normal !important;
  margin: 0 0 1em 0 !important;
  line-height: inherit !important;
  color: inherit !important;
}

#main-buttons::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: rgba(0, 0, 0, 0.25) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

#main-buttons .wrapper {
  position: relative !important;
  z-index: 1 !important;
}

#main-buttons .company-name {
  font-size: 80px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  text-shadow: 2px 2px 12px rgba(0,0,0,0.5) !important;
}

#main-buttons .company-name::after {
  content: 'Private Tennis & Padel Coaching';
  display: block;
  font-size: 20px !important;

/* ===== SHOW SERVICE IMAGES ===== */
#service-list img,
#services img,
.service-item img,
.sb-service-item img {
  display: block !important;
}
/* ================================ */
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  margin-top: 12px !important;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.9) !important;
}

#main-buttons .btn.book {
  background: #e25811 !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  padding: 16px 48px !important;
  border-radius: 2px !important;
  margin-top: 36px !important;
}

/* ===== PAGE TITLE OVERRIDE ===== */
<script>document.title = document.title.replace('Scheduling and Booking Website', 'Coaching');</script>
  text-shadow: none !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.4) !important;
}

#main-buttons .btn.book:hover {
  background: #ff6a20 !important;
  color: #ffffff !important;
}

/* Title below hero - uppercase */
.title-main,
.sb-main .title-main,
#sb_main .title-main,
.page--index .title-main {
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 28px !important;
}

/* ===== MOBILE ===== */

@media (max-width: 768px) {

  #main-buttons::before {
    background: rgba(0, 0, 0, 0.42) !important;
  }

  #main-buttons .company-name {
    font-size: 52px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-shadow:
      2px 2px 0px rgba(0,0,0,1),
      -1px -1px 0px rgba(0,0,0,1),
      3px 3px 12px rgba(0,0,0,1),
      0 0 30px rgba(0,0,0,0.9) !important;
    letter-spacing: 0.04em !important;
  }

  #main-buttons .company-name::after {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-shadow: 1px 1px 6px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1) !important;
  }

  #main-buttons {
    min-height: 480px !important;
  }

  #main-buttons .btn.book {
    font-size: 11px !important;
    padding: 12px 28px !important;
    margin-top: 20px !important;
  }

}