html > body, html > body #masterWrap {
    height: auto;
}

#pagewrapper {
    position: relative;
}

/*#navwrapper {
    position: relative;
    max-width: 1000px;
}
*/
@media screen and (min-width: 951px) {
    /* body #navwrapper {
        position: sticky;
        top: 0;
        z-index: 4;
        opacity: .98;
        flex: 1;
    }*/
}

body {
    background-color: #f5f5f5;
}

#masterWrap {
    margin: 0 auto;
    width: 100%;
    z-index: 0;
    /*max-width: 1800px;*/
    /*background-color: white;*/
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

    #masterWrap > .wrapper {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        z-index: 100;
        position: relative;
    }

#mainContent .main-container {
    padding: 20px 2% 15px 2%;
}

body .lrmargin > h1#h1, body .lrmargin > h1 {
    margin: 0;
    padding: 20px 0;
}

body.no-scroll, html.no-scroll {
    overflow: hidden;
}

body #mainContent {
    min-height: 300px;
    padding: 0 0 20px 0;
    position: relative;
    margin: 0 auto;
    position: relative;
    background: #fff;
}

.oneColumn {
    width: 995px;
    float: left;
    margin: 0 0 0 28px;
    padding: 20px;
}

.lmargin {
    padding-left: var(--side-margin);
}

.rmargin {
    padding-right: var(--side-margin);
}

.bmargin {
    margin-bottom: 1em;
}

.lrmargin {
    padding-left: var(--side-margin);
    padding-right: var(--side-margin);
}

.fullmargin {
    padding: var(--side-margin);
}

.playground.fullmargin.with-subsections {
    background: var(--brand-color-4);
}

    .playground.fullmargin.with-subsections .section {
        background: var(--white-2);
        border-radius: 2px;
    }

.semifullmargin {
    padding: 1vw var(--side-margin);
}

.tmargin {
    padding-top: var(--side-margin);
}

.bmargin {
    padding-bottom: var(--side-margin);
}

.tbmargin {
    padding-top: var(--side-margin);
    padding-bottom: var(--side-margin);
}

html body .lmargin {
    padding: var(--side-margin);
}

html body .lrmargin,
html body #mainContent .lrmargin {
    padding-inline: var(--side-margin);
}

html body .fullmargin {
    padding: var(--side-margin);
}

body .wait, body .wait * {
    cursor: wait !important;
}

#mainContent .section {
    /*margin-bottom: 2.5em;*/
}

    #mainContent .section.with-bg {
        padding: .5em 1em;
        border-radius: 2px;
    }

    #mainContent .section .subsection {
        margin-bottom: .75em;
    }

    #mainContent .section:not(.genericContent) h2 {
        font-weight: bold;
        margin: 0;
        padding-left: 0;
        font-family: var(--main-font-family);
        line-height: 100%;
    }

        #mainContent .section:not(.genericContent) h2:before {
            opacity: .5;
            position: relative;
            left: -1px;
            font-size: 110%;
            margin-left: 0;
        }

.wrapper .decor4 {
    display: none;
}

.wrapper .decor3 {
    display: none;
}