h1, h2, h3, h4 {
    font-family: Knewave;
}

h1 {
    margin: 0 0 var(--space-medium) 0;

    font-family: "Knewave", system-ui;
    font-size: var(--fz-1);

    text-transform: uppercase;
    text-align: center;
}

h2 {
    margin: 0 0 var(--space-medium) 0;

    font-family: "Knewave", system-ui;
    font-size: var(--fz-2);

    text-transform: uppercase;
}

h3 {
    margin: 0 0 var(--space-small) 0;

    font-family: "Knewave", system-ui;
    font-size: var(--fz-3);
}

h4 {
    margin: 0 0 var(--space-small) 0;

    font-family: "Knewave", system-ui;
    font-size: var(--fz-4);
}

p {
    margin-bottom: var(--space-medium);
}


@media (max-width: 768px) {
    h1, h2, h3 {
        margin: 0 0 var(--space-small) 0;
    }
}