.legal-page-card-container {
    --margin: 24px;
    margin: 24px var(--margin) 0 var(--margin);
}

.legal-page-card-container:last-child {
    margin-bottom: 24px;
}

/* -sm breakpoint */
@media (min-width: 576px) {
    .legal-page-card-container {
        --margin: 48px;
    }
}

/* -md breakpoint */
@media (min-width: 768px) {

}

/* -lg breakpoint*/
@media (min-width: 992px) {

}

/* -xl breakpoint */
@media (min-width: 1200px) {

}

/* -xxl breakpoint */
@media (min-width: 1400px) {

}