:root {
    --white: #f4e0d3;
    --black: #62182e;
    --red: #62182e;

    --screen-size: 1440;
    --size: 100vw / var(--screen-size);

    --gap: calc(160 * var(--size));
    --grid-gap: calc(20 * var(--size));

    --font-family: "Brandon Grotesque", sans-serif;

    /* 22 */
    --font-size-body: 1rem;
    --line-height-body: 1.2rem;

    /* FOOTER 16 */
    --font-size-footer: 0.87rem;
    --line-height-footer: 1.15rem;

    /* 16 */
    --font-size-1: 0.72rem;
    --line-heigt-1: 1.2;

    /* 40 */
    --font-size-2: 1.81rem;
    --line-height-2: 1.2;

    /* 64 */
    --font-size-3: 2.9rem;
    --line-height-3: 1.2;

    --font-size-nav: 14px;
    --line-height-nav: 1.1;
    --letter-spacing-nav: 0.02;
}

/* RESPONSIVE */
@media only screen and (max-width: 740px) {
    :root {
        --screen-size: 430;
        --gap: calc(30 * var(--size));
        --grid-gap: calc(5 * var(--size));

        --font-size-nav: 12px;

        /* 40 */
        --font-size-2: 1.33rem;

        /* 64 */
        --font-size-3: 2.12rem;
    }
}