:root{
    --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-display: "MuseoModerno", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  }
  html, body { font-family: var(--font-sans); }
  h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); letter-spacing: 0.01em; }
  


@media (max-width: 768px){
     
    .praxis-hero .h1 {
      font-size: clamp(2.1rem, 4.8vw, 3.2rem);
      line-height: 1.05;
    }
    
     .h2 {
       font-size: clamp(1.4rem, 3.2vw, 2.13rem);
      line-height: 0.9;
    }
    
    .praxis-hero-text{
        max-width:90vw;
    }
    
    .btn-primary{
        max-width:85vw;
    }
    
 .ph4 .hero{
         
                height: auto !important;
    width: 90vw !important;
    }

}
/* remove grey button borders */
button, a.button, .mehr-link {border:none !important; outline:none !important;}
button:focus, a:focus {outline:none !important; box-shadow:none !important;}