:root {
  /* REM DESKTOP */
  --remMin: 16;
  --remMax: 24;
  --vpMin: 1440;
  --vpMax: 2560;
  --bs-nav-link-font-size: 1.35rem;
  --bs-border-width: 1.5px;
}

@media screen and (max-width: 1800px) {
  :root {
    --remMin: 18;
    --remMax: 24;
    --vpMin: 1440;
    --vpMax: 2560;
  }
}

/* REM MOBILE */
@media screen and (max-width: 1440px) {
  :root {
    --remMin: 16;
    --remMax: 20;
    --vpMin: 320;
    --vpMax: 1440; 
    --bs-nav-link-font-size: 1rem;
  } 
}


h1,h2,h3,h4,h5,h6{
    font-style: normal;
    line-height: 1.1em;
    /* font-family: "Ivar Headline", serif; */
    color: var(--primary);
}

h1 {
    font-size: 4rem;
    margin-bottom: 2rem;
}

h1.small {
    font-size: 1.66667rem;
    line-height: 1.8rem;
    font-weight: 500;
}

h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--primary);
}

h2.small {
    font-size: 1.3333rem;
}

h3 {
    font-size: 2.222rem;
}

h4 {
    font-size: 1.7778rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

h5 {
    font-size: 1.77rem;
    line-height: 2.4rem;
    font-weight: 500;
}

h6 {
    font-size: 1.66667rem;
    line-height: 1.8rem;
    font-weight: 500;
}

p {
    font-size: 1rem;
}

p.intro, .intro {
    font-size: 2rem;
    line-height: 3rem;
    color: var(--primary);
}

.text-size-4 {
    font-size: 1.11rem;
}

strong {
    font-weight: 600;
}

p.ingress {
    font-size: 1.6rem;
    line-height: 150%;
}

p.ingress-small, span.ingress-small, .ingress-small {
    font-size: 1.11rem;
    line-height: 100%;
}

.vh-85 {
    height: 85vh;
}

.vh-50 {
    height: 50vh;
}

.mr-2 {
    margin-right: 2rem;
}

.h-6 {
    height: 1.5rem;
}

.w-6 {
    width: 1.5rem;
}

.vh-75 {
    height: 75vh;
}

.vh-85 {
    height: 85vh;
}

.w-40 {
    width: 40%;
}

.w-60 {
    width: 60%;
}

.medium {
    font-weight: 600;
}

.min-lg-vh-75 {
    min-height: 75vh;
}

.min-lg-vh-70 {
    min-height: 70vh;
}

@media (max-width:1440px) { 
    h1 {
        font-size: 3rem;
        margin-bottom: 1rem;
    }
    
    h2 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }
    
    h4 {
        font-size: 1.3rem;
        font-weight: 600;
    }
    
    h5 {
        font-size: 1.1rem;
    }
    
    h6 {
        font-size: 1.3rem;
    }
    
    p.ingress {
        font-size: 1.3rem;
    }
    
    p.intro, .intro {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    
    .min-lg-vh-70 {
        min-height: 50vh;
    }
}

@media (max-width:1024px) {  
    
    h2 {
        font-size: 2.2rem;
    }
    
    h3 {
        font-size: 2rem;
    }
    
    p.ingress {
        font-size: 1.1rem;
    }
    
}

@media (max-width:860px) { 
    .min-lg-vh-75, .min-lg-vh-70 {
        min-height: inherit;
    }   
    
    .w-60, .w-40 {
        width: 100%;
    }
}

@media (max-width:560px) { 

    h1 {
        font-size: 1.8rem;
    } 
    
    h3 {
        font-size: 1.3rem;
    }
    
    h4 {
        font-size: 1.2rem;
    }
    
    p.big {
        font-size: 1.2rem;
        line-height: 1.5em;
    }
    
    
    
}