:root {
  font-size: 18px;
}

h1 {
  font-size: clamp(2.5rem, 5vw + 1rem, 4rem); /* 45px–72px */
  font-weight: 700;
  color: var(--primary);
  line-height: 4rem;
}

h2 {
  font-size: clamp(2rem, 4vw + 0.5rem, 3.5rem); /* 36px–63px */
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--primary);
}

h3, h1 span.smallHeader {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.6667rem); /* 31.5px–54px */
  font-weight: 600;
 line-height: 120%;
}

h4 {
  font-size: clamp(1.5rem, 2.5vw + 0.25rem, 2.5rem); /* 27px–45px */
  font-weight: 500;
  color: var(--primary);
}

h5 {
  font-size: clamp(1.5rem, 2.5vw + 0.25rem, 1.25rem); /* 27px–45px */
  font-weight: 500;
  color: var(--primary);
}

p {
  font-size: clamp(1rem, 1.5vw + 0.25rem, 1rem); /* 18px–22.5px */
  line-height: 1.6;
  margin-bottom: 1rem;
}

p.big {
    font-size: clamp(1rem, 1.5vw + 0.25rem, 1.4rem); /* 18px–22.5px */
    
}

.Ingress, p .Ingress {
  font-size: clamp(1.2rem, 1.5vw + 0.25rem, 1.33rem); /* 18px–22.5px */
  line-height: 1.6;
}

blockquote {
    font-weight: 500;
    font-size: clamp(1.75rem, 3vw + 0.5rem, 2.6667rem); 
    line-height: 130%;
}

.bigText {
    font-size: 90px;
    display:block;
    font-weight: 500;
}

.fw-medium {
    font-weight: 500;
}

.vh-50 {
    height: 50vh;
}

.vh-60 {
    height: 60vh;
}

.vh-75 {
    height: 75vh;
}

@media (max-width:1440px) { 
    h1 span.smallHeader {
        line-height: 2rem;
    }
}

@media (max-width:780px) {
    h1 span.smallHeader, h1 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}