@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700&display=swap");


.trecom360-lp-hero {
  background: var(--background-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: white;
  padding-top: 80px;
  padding-bottom: 80px;
}
.trecom360-lp-hero__heading{
  font-size:60%;
  font-family: "Alexandria";
}
.trecom360-lp-hero .wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.trecom360-lp-hero__caption {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.trecom360-lp-hero__caption h3 {
  font-size: 32px;
}

.trecom360-lp-hero__heading {
  font-size: clamp(21px, 5vw, 60px); 
  text-align: left;
  font-family: 
}

.trecom360-lp-hero__caption h3 {
  font-size: clamp(18px, 3vw, 32px); 
  text-align: left;
}

/* (Opcjonalnie) bardzo małe ekrany */
@media (max-width: 576px) {
  .trecom360-lp-hero__heading {
    font-size: clamp(25px, 5vw, 72px);
  }
  
  .trecom360-lp-hero__caption,
  .trecom360-lp-hero__caption * {
    font-size: 15px !important;
    line-height: 1.4;
  }
}
}