.section { border-radius: var(--radius); background: var(--container_blue); color:white;

padding: calc(var(--section-padding) * 1.25) var(--section-padding);
    margin: 8px 0;
}
.section.lighter_blue {  background: var(--lighter_blue); color:var(--black); }
.section.blue {  background: var(--blue); color:white; }
.section.white {  background: var(--lighter_blue); color:var(--black); }



header.cardheader p { max-width: 720px;}
header.cardheader .cta { white-space: nowrap;}
header.cardheader .cta:last-child { margin-top: 1em;}

@media all and (min-width: 900px) {



        header.cardheader,
    header:not(.textcontent):not(#masthead):first-child {
        display: flex; gap: var(--gutter);
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 0;
    }

    header.cardheader .cta:last-child { margin-top: 0;}

}

@media all and (min-width: 1200px) {
    .section { border-radius: var(--section-radius); padding: var(--section-padding); }
}

@media all and (max-width: 899.98px) {
    header.cardheader { margin-bottom: var(--gutter); }

 /*   .section { padding: 0; }*/
}