.wrapper {
    width: 100%;
    max-width: var(--wrapper-max);
    min-width: 320px;
    /*
    border:  var(--wrapper-margin) solid transparent;
    border-top: none !important;
    border-bottom: none !important;
    */

    padding-left: var(--wrapper-margin);
    padding-right: var(--wrapper-margin);

    margin: 0 auto;
    position: relative;
    z-index: 10;



}

.section { padding: var(--section-padding) 0; }
.sectionrow { padding: clamp(32px, var(--wrapper-margin), 72px) 0; }
.sectionrow.none { padding: var(--gutter) 0 var(--gutter_big); }

div.light_sage { background: var(--light_sage); color:black }
div.dark_blue { background: var(--dark_blue); color:white }
div.white { background: var(--white); color:var(--black); }
div.off_white { background: var(--off_white); color:black }


/*.wrapper:has(.section) {
    margin: var(--gutter) auto;
}*/


@media all and (max-width: 899.98px) {

    body:not(.hashero) #main { padding-top: var(--masthead-height); }
}