.storylane-component {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;

    .storylane-wrapper {
        margin-top: 50px;
        width: 100%;

        &.storylane-align-center {
            margin-left: auto;
            margin-right: auto;
        }

        &.storylane-align-right {
            margin-left: auto;
            margin-right: 0;
        }

        &.storylane-align-left {
            margin-left: 0;
            margin-right: auto;
        }
    }

    h2 {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    .container--small {
        max-width: 80rem;
        padding-left: 3.13rem;
        padding-right: 3.13rem;
    }
    @media (max-width: 991px) {
        .container--small {
            padding-left: 2.19rem;
            padding-right: 2.19rem;
        }
    }
    @media (max-width: 374px) {
        .container--small {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
        }
    }

    .container--smaller {
        max-width: calc(1000px + 6.25rem);

        p {
            font-size: 16px;
            line-height: 1.75rem;
        }
    }

    .mobile-no-padding {
        @media (max-width: 768px) {
            padding-left: 0;
            padding-right: 0;
        }
    }
}