html {
    --content-width: 1320px;
}

@media (min-width: 576px) {
    .container-sm, .container {
        --content-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        --content-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        --content-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        --content-width: 1140px;
    }
}

.container {
    max-width: var(--content-width) !important;
}

@media screen and (min-width: 561px) {
    .banner-text.banner-twist::before {
        width: calc((100vw - var(--content-width)) / 2 + 0.5 * var(--bs-gutter-x)) !important;

    }
}