.section .bodytext {
    background: white;
    position: relative;
}
.textcontent {
    max-width: 640px;  max-width: calc(640px + 48px); width: 100%; margin: 0 auto 0; padding: 0 24px;
}
.section .textcontent {
    padding: 24px; margin: 0 auto calc(var(--wrapper-margin) + 24px);
}

.section:only-child .textcontent:only-child { min-height: 200px;}

.section .textcontent > :last-child,
.section .textcontent > :not(.quicklinks):last-child > :last-child{ margin-bottom:0 ; }

.section .textcontent::before {
    display: block;
    content: "";
    z-index: -1;
    background: white;
    position: absolute;
    border-radius: var(--radius);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% + var(--wrapper-margin));
    height: calc(100% + 48px);
}
@media only screen and (max-width: 899px)  {
    .textcontent, .section .textcontent { max-width: 100%;   }
    .section .textcontent::before {
        width: calc(100% + 16px);
        height: calc(100% + 16px);
    }
}

@media only screen and (max-width: 599px)  {
    .textcontent { max-width: 100%;  }

    .section .textcontent {
        border-radius: var(--radius);
    }
    .section .textcontent::before {
        width:100%;
        height:100%; display: none;
    }
}