.legal {
    padding: 2.5rem 0;
}

.legal h1 {
    margin-bottom: 1rem;
}

.legal h2 {
    margin: 3.5rem 0 1rem 0;
    border-bottom: solid 1px var(--black-01);
}

.legal p, .legal ul, .legal ol {
    font-size: var(--black-08);
    font-size: var(--fs-main);
    margin-bottom: 1.5rem;
}

.legal li {
    margin-bottom: 0.5rem;
}

.legal strong {
    font-weight: 550;
}

.legal a {
    font-weight: 500;
    color: var(--green);
    text-decoration: underline;
}

.legal a:hover {
    text-decoration: none;
}

.legal th {
    background-color: var(--green);
    text-align: left;
    font-weight: 550;
    color: var(--light-grey);
    border-bottom: none;
    border: solid 1px #ffffff77;
}

.legal th, .legal td {
    padding: 0.5rem;
}

.legal td {
    border: solid 1px var(--black-02);
}

.legal tr:nth-child(even) {
    background-color: var(--black-005);
}


/* MEDIA QUERIES */

@media only screen and (max-width: 768px) {
    .legal {
        padding: 1.5rem 0;
    }

    .legal h2 {
        margin: 2.5rem 0 1rem 0;
    }
}