.o-container {
    max-width: 73rem; // 1168px -> 1136px without padding
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;

    // No horizontal padding for nested containers
    .o-container {
        padding-right: 0;
        padding-left: 0;
    }
}

.o-container__parallax-effect {
    background-attachment: fixed;
    background-position: 50%;
    background-size: cover;
}

.o-container--xs {
    max-width: 40.75rem; // 652px -> 620px without padding
}

.o-container--sm {
    max-width: 49rem; // 784px -> 752px without padding
}

.o-container--lg {
    max-width: 81rem; // 1296px -> 1264 without padding
}

.o-container__decoration-wrapper-top {
    position: relative;
    margin-top: 2rem;
    z-index: 1; 
}

.o-container__decoration-wrapper-bottom {
    position: relative;
    z-index: 1; 
    margin-bottom: -4rem;
}

.spacing-top--sm,
.spacing-top--md,
.spacing-top--lg {
    .o-container__decoration-wrapper-top + & {
        margin-top: 0;
    }
}

.o-container__decoration {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
