/* LEGAL */

main {
    padding: 10rem 1rem;

    .legal {
        max-width: 50rem;
        margin: auto;

        h2,
        h3,
        h4,
        h5,
        h6{
            margin-top: 2rem;
        }

        ol,
        ul,
        p {
            margin-top: 1rem;
        }

        h1 {
            font-size: clamp(20px, 5vw, 50px);
            text-transform: uppercase;
        }

        h2 {
            font-size: clamp(16px, 3.5vw, 28px);
        }

        ol,
        ul {
            margin-left: 1.5rem;
        }

        p {
            max-width: unset;
        }

        a {
            color: var(--black);
        }
    }

    @media (max-width:700px) {
        & {
            padding: 8rem 1rem;
        }
    }
}