.page-legal {
    --h2-size: clamp(2.25rem, 2.25rem + ((1vw - .2rem) * 1.5), 3rem);
    h1,h2, h3,h4{
        font-family: 'Dyna puff';
    }
    p{
        margin: 1rem 0;
    }
    ul{
        padding: 0.725rem 0;
    }
    a:hover{
        font-weight: bold;
    }
}

.page-legal--content {
    padding: 1.25rem 0;
    font-family: 'Roboto';
}
@scope (.page-legal--content){

    h1, h2 {
        margin-top: 1.5rem;
        margin-bottom: .62rem;
    }
    h3 {
        margin-top: .88rem;
        margin-bottom: .31rem;
    }

}

.page-legal .table-wrapper {
    margin-top: 1.25rem;
    max-width: var(--wp--style--global--wide-size);
    overflow: auto;
    box-shadow: inset rgba(0, 0, 0, 0.16) 0px .063rem .25rem;
    border-radius: .188rem;
}

.page-legal table {
        border-spacing: 0;
}

.page-legal thead tr {
    background-color: hsla(221.41, 81.61%, 82.94%, .15);
}

.page-legal th {
    padding: .25rem;
    border: .063rem solid hsla(0, 0%, 50%, .2);
    border-bottom: .125rem solid hsla(0, 0%, 50%, .2);
}

.page-legal td {
    padding: .25rem;
    border: .063rem solid hsla(0, 0%, 50%, .2);
}

@media screen and (min-width: 64rem) {/* 1024px */

    .page-legal {
        --h2-size: 2rem;
        --h1-size: 3rem;
    }

    .page-legal--content {
        padding: 3.88rem 0;
    }

    .page-legal--content h2 {
        margin-top: 3.88rem;
        margin-bottom: 1.25rem;
    }

    .page-legal--content h3 {
        margin-top: 1.25rem;
        margin-bottom: .62rem;
    }

}