:root {
    --container: 1280px;
    --space-large: 100px;
    --space-medium: 80px;
    --space-reg: 60px;
    --space-small: 40px;
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 40px;
    --space-6: 48px;
    --space-7: 56px;
    --space-8: 64px;
}

@media (max-width: 767px) {
    :root {
        --space-reg: 40px;
        --space-small: 20px;
    }
}

.brxe-container {
    width: var(--container);
    max-width: calc(100% - 30px);
}

.container {
    width: 1280px;
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.container-l {
    width: 1900px;
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
}

.container-l .container {
    max-width: 100%;
}

.fluid-left {
    padding-left: calc(((100vw - var(--container)) / 2) - 8px);
}

.centered-x {
    margin-left: auto;
    margin-right: auto
}

.pad-v {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pad-v-s {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pad-v-l {
    padding-top: 115px;
    padding-bottom: 115px;
}

.pad-v-1 {
    padding-top: 60px;
    padding-bottom: 80px
}

.pad-v-2 {
    padding-top: 60px;
    padding-bottom: 100px
}

.m-bot {
    margin-bottom: var(--space-reg)
}

.m-bot-s {
    margin-bottom: var(--space-small)
}

.m-bot-m {
    margin-bottom: var(--space-medium)
}

.m-bot-l {
    margin-bottom: var(--space-large)
}

.m-bot-1 {
    margin-bottom: var(--space-1)
}

.m-bot-2 {
    margin-bottom: var(--space-2)
}

.m-bot-3 {
    margin-bottom: var(--space-3)
}

.m-bot-4 {
    margin-bottom: var(--space-4)
}

.m-bot-5 {
    margin-bottom: var(--space-5)
}

.m-bot-6 {
    margin-bottom: var(--space-6)
}

.m-bot-7 {
    margin-bottom: var(--space-7)
}

.m-bot-8 {
    margin-bottom: var(--space-8)
}

.m-bot-s {
    margin-bottom: var(--space-small)
}

.m-top {
    margin-top: var(--space-reg)
}

.m-top-s {
    margin-top: var(--space-small)
}

.m-top-1 {
    margin-top: var(--space-1)
}

.m-top-2 {
    margin-top: var(--space-2)
}

.m-top-3 {
    margin-top: var(--space-3)
}

.m-top-4 {
    margin-top: var(--space-4)
}

.m-top-5 {
    margin-top: var(--space-5)
}

.m-top-6 {
    margin-top: var(--space-6)
}

.m-top-7 {
    margin-top: var(--space-7)
}

.m-top-8 {
    margin-top: var(--space-8)
}

.p-bot {
    padding-bottom: var(--space-reg)
}

.p-bot-s {
    padding-bottom: var(--space-small)
}

.p-bot-m {
    padding-bottom: var(--space-medium)
}

.p-bot-l {
    padding-bottom: var(--space-large)
}

.p-bot-1 {
    padding-bottom: var(--space-1)
}

.p-bot-2 {
    padding-bottom: var(--space-2)
}

.p-bot-3 {
    padding-bottom: var(--space-3)
}

.p-bot-4 {
    padding-bottom: var(--space-4)
}

.p-bot-5 {
    padding-bottom: var(--space-5)
}

.p-bot-6 {
    padding-bottom: var(--space-6)
}

.p-bot-7 {
    padding-bottom: var(--space-7)
}

.p-bot-8 {
    padding-bottom: var(--space-8)
}

.p-bot-s {
    padding-bottom: var(--space-small)
}

.p-top {
    padding-top: var(--space-reg)
}

.p-top-s {
    padding-top: var(--space-small)
}

.p-top-1 {
    padding-top: var(--space-1)
}

.p-top-2 {
    padding-top: var(--space-2)
}

.p-top-3 {
    padding-top: var(--space-3)
}

.p-top-4 {
    padding-top: var(--space-4)
}

.p-top-5 {
    padding-top: var(--space-5)
}

.p-top-6 {
    padding-top: var(--space-6)
}

.p-top-7 {
    padding-top: var(--space-7)
}

.p-top-8 {
    padding-top: var(--space-8)
}

.h-bot-2 h1,
.h-bot-2 h2,
.h-bot-2 h3,
.h-bot-2 h4,
.h-bot-2 h5 {
    margin-bottom: var(--space-2);
}

.h-bot-3 h1,
.h-bot-3 h2,
.h-bot-3 h3,
.h-bot-3 h4,
.h-bot-3 h5 {
    margin-bottom: var(--space-3);
}

.reading-area {
    width: 964px;
    max-width: 100%;
}

.reading-area-medium {
    width: 838px;
    max-width: 100%;
}

.reading-area-small {
    width: 650px;
    max-width: 100%;
}

.fluid-left {
    padding-left: calc(((100vw - var(--container)) / 2) - 8px);
}

@media screen and (max-width: 1328px) {
    .fluid-left {
        padding-left: 15px;
    }
}

@media screen and (max-width:767px) {
    .pad-v-2 {
        padding-top: var(--space-2);
        padding-bottom: var(--space-4)
    }

    .m-bot {
        margin-bottom: var(--space-4)
    }

    .pad-v {
        padding-top: var(--space-medium);
        padding-bottom: var(--space-medium);
    }

    .pad-v-l {
        padding-top: var(--space-medium);
        padding-bottom: var(--space-medium);
    }

    .m-top {
        margin-top: var(--space-2)
    }
}