:root {
  /* Typography scale - Pushed to the limit for maximum impact */
  --fs-h1: clamp(5rem, 12vw, 10rem);
  --fs-h2: clamp(3rem, 7vw, 6rem);
  --fs-h3: clamp(2rem, 4vw, 3.5rem);
  --fs-body: clamp(1rem, 1.2vw, 1.15rem);
}

/* On larger screens, make the top-left title smaller to act as a brand mark */
@media (min-width: 992.01px) {

  /* Target the h1 and h2 specifically on desktop to resize them */
  .hero-titles h1.display-3 {
    font-size: 2rem;
  }

  .hero-titles h2 {
    font-size: 1.5rem;
  }

  .artist-page .hero-titles h1.display-3 {
    font-size: 4.5rem;
  }

  .artist-page .hero-titles h2 {
    font-size: 2.5rem;
  }


  .social-icons a {
    font-size:1.25rem;
  }

}

.global-artist-info h3 {
  font-size: 4.5rem;
  font-weight: 400;
  /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);*/
}

.btn_main_ctab{
font-size: 1.5rem;
}

.hero-content-panel{
max-width:520px;  
}