.kmm-container {
    max-width: var(--breakpoint-extra-large);
    margin: 0 auto;
    padding: 0 16px;
}

#block-aldaba-bootstrap-mainpagecontent {
    article {
        .node__content {
            margin-top: 0;
        }

        &.long-class {
            .container__hero {
                .section__text-hero {
                    max-width: 60%;
                    width: 100%;
                }
            }
        }
    }
}

@media (max-width: 992px) {
    .kmm-container {
        padding: 0;
    }

    #block-aldaba-bootstrap-mainpagecontent {
        article {
            &.long-class {
                .container__hero {
                    .section__text-hero {
                        max-width: 100%;
                    }
                }
            }
        }
    }
}