:root {
    --gold: rgba(187, 154, 112, 1);
    --bone-white: rgba(246, 243, 238, 1);
    --dark-blue: rgba(19, 38, 52, 1);
    --cream: rgba(248, 237, 216, 1);
}

@font-face {
    font-family: 'LT Sip';
    src: url('../../fonts/LT_SIP/LTSip-Regular.woff2') format('woff2');
    font-display: swap;
}

.lt-sip-regular, h1, h2, h3, h4, h5, h6 {
    font-family: 'LT Sip';
    font-weight: 400;
}

h1,h2,h3,h4,h5,h6 {
    line-height: 1.2;
}

h1 {
    font-size: 100px;
}

h2 {
    font-size: 80px;
}

h3 {
    font-size: 50px;
}

h4 {
    font-size: 30px;
}

p {
    font-family: "Onest", sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
}

p.small {
    font-size: 16px;
    line-height: 26px;
}

.subheading {
    font-family: "Onest", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 8px;
}

@media (max-width: 991px) {
    h1 { font-size: 64px; }
    h2 { font-size: 52px; }
    h3 { font-size: 38px; }
    h4 { font-size: 26px; }
}


@media (max-width: 767px) {
    h1 { font-size: 40px; }
    h2 { font-size: 34px; }
    h3 { font-size: 28px; }
    h4 { font-size: 22px; }
}

@media(max-width: 575px) {
    h1 { font-size: 32px; }
    h2 { font-size: 24px; }
    h3 { font-size: 22px; }
    h4 { font-size: 18px; }
    p {
        font-size: 16px;
        line-height: 19px;
        font-weight: 500;
    }

    p.small {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
    }

    .subheading {
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 4px;
    }
}