.pageGeneric {
    position: relative;
}

/* BANNER TOP */

.pageGeneric--banner {
    position: relative;
}

/* CONTENT */
.pageGeneric--content {
    position: relative;
    padding: 2rem 1rem 2rem;
    /* background-color: var(--light-grey); */
}

.page-home .pageGeneric--content {
    padding: 0;
}

.page-heritage .pageGeneric--content, .page-values .pageGeneric--content, .page-products .pageGeneric--content{
    background-color: var(--light-grey);
}

.page-products--content{
    padding:0;
}

.page-products--content .container{
    max-width: initial;
}

.page-legal h1{
    font-weight: 500;
    margin-top: 3rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    padding: 0 1rem;
    font-size: 1rem;
}

.page-legal{
    position: relative;
    padding: 2rem 1rem 2rem;
}

.page-legal a{
    color:#007bff;
    font-weight: 600;
}

.page-legal table{
    /* display: flex; */
    margin: 12px 0 12px 0;
    padding: 8px 8px 0 8px;
    border: 1px solid #333333;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;

    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 18px 0;

}

.page-legal table tbody > *{
    border-bottom: 1px solid #777777;
    text-align: left;
    overflow: hidden;
}

.page-legal td{
    text-overflow: ellipsis;
    word-wrap: break-word;
    border-bottom: 1px solid #777777;
    vertical-align: top;
    padding-right: 1rem;
}

@media screen and (min-width: 48rem) /* 768px */ {

    /* CONTENT */
    .pageGeneric--content {
        padding: 4rem 2rem 2rem;
    }

    .page-products--content{
        padding:0;
    }
    
    .page-home .pageGeneric--content {
        padding: 0;
    }

    .page-legal h1{
        font-weight: 500;
        margin-top: 3rem;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        padding: 0 2rem;
        font-size: 1rem;
    }

}

@media screen and (min-width: 62rem) /* 992px */ {

    .pageGeneric--banner > picture img {
        max-height: 26.875rem; /* 430px */
    }

    .page-legal h1{
        font-weight: 500;
        margin-top: 3rem;
        padding: 0;
        font-size: 1.5rem;
    }
    
    .page-legal table{
        table-layout: auto;
        width: auto;
        border-collapse: initial;
    }

}

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

    /* CONTENT */
    .pageGeneric--content {
        padding: 6rem 2rem 2rem;
    }

    .page-products--content{
        padding:0;
    }

    .page-legal--content{
        padding: 4rem 2rem 2rem;
    }

}