h1, h2 {
  all: unset;
  display: block;
}
@media (max-width: 900px) {
    .topSpacerBigger{
        margin-top:50px;
    }
    .topSpacerBig{
        margin-top:40px;
    }
    .topSpacer{
        margin-top:20px;
    }
    .topSpacerSmall{
        margin-top:10px;
    }
    .bottomSpacerBigger{
        margin-bottom:80px;
    }
    .leftSpacer{
        margin-left:20px;
    }
    .rightSpacer{
        margin-right:20px;
    }
}
@media (min-width: 900px) {
    .topSpacerBigger{
        margin-top:100px;
    }
    .topSpacerBig{
        margin-top:50px;
    }
    .topSpacer{
        margin-top:25px;
    }
    .topSpacerSmall{
        margin-top:10px;
    }
    .topSpacerSmaller{
        margin-top:7px;
    }
    .bottomSpacerBigger{
        margin-bottom:100px;
    }
    .leftSpacer{
        margin-left:20px;
    }
    .rightSpacer{
        margin-right:20px;
    }
    .rightSpacerBig{
        margin-right:30px;
    }
}

/* @media(max-width:1050px){
    .huge{
        font-size:6.5vw !important;
    }
    .big{
        font-size:5vw !important;
    }
    .medium{
        font-size:4vw !important;
    }
    .small{
        font-size:3.5vw !important;
    }
    .tiny{
        font-size:2.6vw !important;
    }
}
@media(min-width:1050px){
    .huge{
        font-size:3.3vw !important;
        line-height: 150% !important;
    }
    .big{
        font-size:2.2vw !important;
        line-height: 150% !important;
    }
    .medium{
        font-size:1.3vw !important;
        line-height: 150% !important;
    }
    .small{
        font-size:1.05vw !important;
        line-height: 150% !important;
    }
    .tiny{
        font-size:0.8vw !important;
        line-height: 120% !important;
    }
} */

/* .huge {
    font-size: clamp(22px, 3vw, 48px);
    line-height: 150% !important;
}

/* Base tokens (mobile first, smaller overall) */
:root {
  --fz-huge: 2.65rem;   /* ~28px */
  --fz-big: 1.75rem;   /* ~22px */
  --fz-medium: 1.0rem;/* ~18px */
  --fz-small: 0.9rem;     /* 16px  */
  --fz-tiny: 0.78rem;  /* 14px  */

  --lh-tight: 1.2;
  --lh-normal: 1.4;
  --lh-loose: 1.5;
}

/* Tablet */
@media (min-width: 600px) {
  :root {
    --fz-huge: 2.8rem;     /* 32px */
    --fz-big: 1.8rem;    /* 24px */
    --fz-medium: 1.05rem;/* 20px */
    --fz-small: 0.92rem;/* 18px */
    --fz-tiny: 0.8rem;  /* ~15.2px */
  }
}

/* Desktop (≈ your 1050px breakpoint) */
@media (min-width: 1050px) {
  :root {
    --fz-huge: 3.0rem;   /* 36px (smaller than your old 3.3vw results) */
    --fz-big: 1.9rem;   /* 26px */
    --fz-medium: 1.1rem;/* 21px */
    --fz-small: 0.95rem; /* 18px */
    --fz-tiny: 0.82rem;      /* 16px */
  }
}

/* Large desktop */
@media (min-width: 1440px) {
  :root {
    --fz-huge: 3.1rem;  /* 38px cap */
    --fz-big: 1.95rem;    /* 28px */
    --fz-medium: 1.18rem;/* 22px */
    --fz-small: 1.0rem; /* 18px */
    --fz-tiny: 0.9rem;      /* 16px */
  }
}

/* Classes map to tokens */
.huge   { font-size: var(--fz-huge) !important;   line-height: var(--lh-loose) !important; }
.big    { font-size: var(--fz-big) !important;    line-height: var(--lh-loose) !important; }
.medium { font-size: var(--fz-medium) !important; line-height: var(--lh-normal) !important; }
.small  { font-size: var(--fz-small) !important;  line-height: var(--lh-loose) !important; }
.tiny   { font-size: var(--fz-tiny) !important;   line-height: var(--lh-normal) !important; }

/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/

.black{
    color:#000!important
}
.blackBg{
    background:#000
}

.white{
    color:#FFF !important;
}
.whiteBg{
    background:#FFF;
}

.blue{
    color:#a9d9e4;
}
.blueBg{
    background:#a9d9e4;
}

.blueLight{
    color:#f4fbff;
}
.blueLightBg{
    background:#f4fbff !important;
}

.navy{
    color:#013fbc;
}
.navyBg{
    background:#013fbc;
}


/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/

a{
    text-decoration: none !important;
}

a.blackNavy{
    color:#000 !important;
    text-decoration: none !important;
}
a.blackNavy:hover{
    color:#013fbc !important;
}

/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/

.textCenter{
    text-align:center;
}
.textRight{
    text-align:right;
}
.clickable{
    cursor:pointer;
}
.underline{
    text-decoration:underline;
}
.padding10{
    padding:10px;
}
.container {
    margin-top: 50px;
}


@media(max-width:900px){
    .desktopOnly{
        display:none !important;
    }
    .mobileOnly{
        display:block !important;
    }
}
@media(min-width:900px){
    .desktopOnly{
        display:block !important;
    }
    .mobileOnly{
        display:none !important;
    }
}

.imageRounded{
    border-radius:50%;
}