/* HEADLINE MOBILE */

.h1bold{
    font-family: Geologica;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; 
    letter-spacing: 0.32px;
}

.h2bold{
    font-family: Geologica;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; 
    letter-spacing: 0.32px;
}

.h2medium{
    font-family: Geologica;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0.32px;
}

.h3bold{
    font-family: Geologica;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; 
    letter-spacing: 0.24px;
}

.h3medium{
    font-family: Geologica;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; 
    letter-spacing: 0.24px;
}

.h3regular{
    font-family: Geologica;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; 
    letter-spacing: 0.24px;
}

.h3light{
    font-family: Geologica;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0.24px;
}

.h4bold{
    font-family: Geologica;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.2px;
}

.h4medium{
    font-family: Geologica;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; 
    letter-spacing: 0.2px;
}

.h4regular{
    font-family: Geologica;
    text-decoration: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; 
    letter-spacing: 0.2px;
}

.h4regular{
    font-family: Geologica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; 
    letter-spacing: 0.2px;
}

.h4light{
    font-family: Geologica;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px; 
    letter-spacing: 0.2px;
}

.h5bold{
    font-family: Geologica;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; 
    letter-spacing: 0.18px;
}

.h5Medium{
    font-family: Geologica;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; 
    letter-spacing: 0.18px;
}

.h5Light{
    font-family: Geologica;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px; 
    letter-spacing: 0.18px;
}



/* BODY */

.BodyXlMedium{
    font-family: Geologica;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; 
    letter-spacing: 0.36px;
}

.BodyXlLight{
    font-family: Geologica;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.36px;
}

.BodyLBold{
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; 
    letter-spacing: 0.32px;
}

.BodyLMedium{
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; 
    letter-spacing: 0.32px;
}

.bodyLLight{
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; 
    letter-spacing: 0.32px;
}

.bodyMMedium{
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; 
    letter-spacing: 0.32px;
}

.bodyMReqular{
    font-family: Geologica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; 
    letter-spacing: 0.28px;
}

.bodyMLight{
    font-family: Geologica;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px; 
    letter-spacing: 0.28px;
}

.bodySMedium{
    font-family: Geologica;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; 
    letter-spacing: 0.24px;
}

.bodySReqular{
    font-family: Geologica;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; 
    letter-spacing: 0.24px;
}

.bodySLight{
    font-family: Geologica;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 14px; 
    letter-spacing: 0.24px;
}

.bodyXsMedium{
    font-family: Geologica;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; 
    letter-spacing: 0.22px;
}

.bodyXsReqular{
    font-family: Geologica;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; 
    letter-spacing: 0.22px;
}


.ctaL{
    color:#281F76;
    font-family: Geologica;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; 
    letter-spacing: 0.2px;
}

.ctaM{
    font-family: Geologica;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; 
    letter-spacing: 0.28px;

}

.ctaS{
    font-family: Geologica;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; 
    letter-spacing: 0.24px;

}

@media(min-width:992px){

    /* HEADLINE DESKTOP */

    .h1bold{
        font-family: Geologica;
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 70px;
    }

    .h2bold{
        font-family: Geologica;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 62px;
    }

    .h2medium{
        font-family: Geologica;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: 62px;
    }

    .h3bold{
        font-family: Geologica;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 0.32px;
    }

    .h3medium{
        font-family: Geologica;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: 0.32px;
    }

    .h3regular{
        font-family: Geologica;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0.32px;
    }

    .h3light{
        font-family: Geologica;
        font-size: 32px;
        font-style: normal;
        font-weight: 300;
        line-height: 40px;
        letter-spacing: 0.32px;
    }

    .h4bold{
        font-family: Geologica;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: 0.24px;
    }

    .h4medium{
        font-family: Geologica;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0.24px;
    }

    .h4regular{

        font-family: Geologica;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; 
        letter-spacing: 0.24px;
    }


    .h4light{
        font-family: Geologica;
        font-size: 24px;
        font-style: normal;
        font-weight: 300;
        line-height: 28px;
        letter-spacing: 0.24px;
    }

    .h5bold{
        font-family: Geologica;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 0.2px;
    }

    .h5Medium{
        font-family: Geologica;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: 0.2px;
    }

    .h5Light{
        font-family: Geologica;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 32px;
        letter-spacing: 0.2px;
    }

}