.seoText {
    background: #FFFFFF;
    padding: 60px 0;
    position: relative;
    @media (min-width: $grid-float-breakpoint) and (max-width: $screen-sm-max) {
        padding: 40px 0;
    }
    @media (max-width: $grid-float-breakpoint-max) {
        padding: 30px 0;
    }
    &--transparent {
        background: transparent;
    }
    &__title {
         margin-top: 0;
         margin-bottom: 15px;
    }
    &__list {
        list-style: initial;
        margin: 0 15px;
        padding: 0 15px;
    }
    &__listItem {
        padding: 10px;
    }
    &__twoColumn {
        column-count: 2;
        column-gap: 30px;
        @media (max-width: $screen-xs-max) {
            column-count: 1;
        }
    }
    &__banner {
        text-align: center;
        margin: 30px 8px 0;
    }
    &__bannerTablet {
        margin: 25px 0 0;
        text-align: center;
    }
    &__avatar {
        width: 40px;
        height: 40px;
        border: 1px solid $brand-primary;
        border-radius: 50%;
        margin-right: 10px;
        &--noImg {
            background: $brand-copy-light;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            svg, svg * {
                width: 30px;
                height: 30px;
                fill: #4f4946;
            }
        }
    }
    &__seal {
        display: flex;
        color: $brand-copy-light;
    }
    @media (min-width: $screen-md-max) {
        &--bgPhoto {
            background: none;
            &:after {
                content: "";
                background: url('');
                background-size: cover;
                opacity: 0.1;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                position: absolute;
                z-index: -1;
                filter: grayscale(1);
            }
        }
    }
    &--small {
        padding: 40px 25px;
        .seoText__title {
            margin: 0;
        }
    }
}
@media (max-width: 320px) {
    .seoText__banner {
        margin: 30px -5px;
    }
}

@media (min-width: $grid-float-breakpoint) {
    .seoText {
        &__container {
            display: flex;
        }
        &__banner {
            flex: 0 0 300px;
            padding: 0 0 0 30px;
            margin: 0 0 0 auto;
            @media (max-width: $screen-md-max) {
                margin: 0 0 0 15px;
            }
        }
    }
}