h1, h2, h3, h4, h5, h6, p, a, li, span, div {
    margin: 0;
    color: black;
}

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

h5, h6 {
    font-weight: 400;
}

h1 {
    font-size: var(--pc-h1-font-size);
}

div.title h1 {
    font-size: var(--pc-title-font-size);
    line-height: 1.2;
}

h2 {
    font-size: var(--pc-h2-font-size);
}

h3 {
    font-size: var(--pc-h3-font-size);
}

h4 {
    font-size: var(--pc-h4-font-size);
}

h5 {
    font-size: var(--pc-h5-font-size);
}

h6 {
    font-size: var(--pc-h6-font-size);
}

p {
    font-size: var(--pc-p-font-size);
}

@media (max-width: 768px) {
    h1 {
        font-size: var(--sp-h1-font-size);
    }

    div.title h1 {
        font-size: var(--sp-title-font-size);
        line-height: 1.2;
    }

    h2 {
        font-size: var(--sp-h2-font-size);
    }

    h3 {
        font-size: var(--sp-h3-font-size);
    }

    h4 {
        font-size: var(--sp-h4-font-size);
    }

    h5 {
        font-size: var(--sp-h5-font-size);
    }

    h6 {
        font-size: var(--sp-h6-font-size);
    }

    p {
        font-size: var(--sp-p-font-size);
    }
}