#legal {
    padding: calc(175 * var(--size)) var(--gap) calc(80 * var(--size));
    align-items: center;
    background: var(--black);
    color: var(--white);
    width: 100%;
}

#legal a {
    color: var(--white);
    text-decoration: underline;
}

#legal h1 {
    margin-bottom: calc(80 * var(--size));
}

#legal h2 {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    font-family: "Canela", serif;
    margin-bottom: 2rem;
}

#legal h2:not(:first-child) {
    margin-top: 2.5rem;
}

#legal h3 {
    text-transform: uppercase;
    text-decoration: underline;
    margin-bottom: calc(10 * var(--size));
}

#legal ul {
    padding-left: 1rem;
}

#legal ul:not(:last-child),
#legal li:not(:last-child) {
    padding-bottom: 1rem;
}

/* RESPONSIVE */
@media only screen and (max-width: 740px) {
    #legal {
        padding: calc(130 * var(--size)) var(--gap) calc(80 * var(--size));
    }

    #legal h1 {
        margin-bottom: calc(50 * var(--size));
    }
}