/*=====================================================
TYPOGRAPHY
=====================================================*/

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:var(--font-heading);

    font-weight:500;

    line-height:1.1;

}

h1{

    font-size:clamp(58px,7vw,110px);

}

h2{

    font-size:clamp(42px,5vw,72px);

}

h3{

    font-size:32px;

}

p{

    color:var(--color-text-light);

    font-size:18px;

}

.hero-subtitle{

    display:inline-block;

    color:var(--color-primary);

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:12px;

    margin-bottom:28px;

}