.imco-in-image {
    text-align: center;
}

.imco-in-image.imco-image-top {

}

.imco-in-image.imco-image-bottom {
}

.paragraph .imco-in-image.imco-image-left {
    float: left;
    margin-right: 2rem;
    max-width: 60%;
}
.paragraph .imco-in-image.imco-image-right {
    float: right;
    margin-left: 2rem;
    max-width: 60%;
}
.paragraph .imco-in-image.imco-image-left.fullwidth,
.paragraph .imco-in-image.imco-image-right.fullwidth {
    max-width: 100%;
}
.paragraph .imco-in-image.imco-image-left.halfwidth,
.paragraph .imco-in-image.imco-image-right.halfwidth {
    max-width: calc(50% - 1.5rem);
}
.paragraph .imco-in-image.imco-image-left.fortywidth,
.paragraph .imco-in-image.imco-image-right.fortywidth {
    max-width: calc(40% - 1.5rem);
}
.paragraph .imco-in-image.imco-image-left.onethirdswidth,
.paragraph .imco-in-image.imco-image-right.onethirdswidth {
    max-width: calc(33% - 1.5rem);
}
.paragraph .imco-in-image.imco-image-left.twothirdswidth,
.paragraph .imco-in-image.imco-image-right.twothirdswidth {
    max-width: calc(66% - 1.5rem);
}
.paragraph .imco-in-image.imco-text-left {
    float: left;
    margin-right: 1.5rem;
}
.paragraph .imco-in-image.imco-text-right {
    float: right;
    margin-left: 1.5rem;
}
.imco-in-image.imco-image-top {
    margin-bottom: 1.5rem;
}
.imco-in-image.imco-image-bottom {
    margin-top: 1.5rem;
}

/*.imco-in-image.imco-image-left + *,
.imco-in-image.imco-image-right + *{
    clear: both;
}
*/
.imco-out-image {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.imco-out-image.imco-image-top{
    background-position: top center;
    min-height: 100px;
}
.imco-out-image.imco-image-bottom{
    background-position: bottom center;
    min-height: 100px;
}
.imco-out-image.imco-image-right {
    background-position: top right;
    background-size: cover;
}
.imco-out-image.imco-image-left {
    background-position: top left;
    background-size: cover;
}

.imco-out-text.imco-text-right {
    position: relative;
}

.imco-out-text.imco-text-left {
    position: relative;
}

.imco-out-text.imco-text-right .inner-box-text {
    padding-left: 1rem;
}

.imco-out-text.imco-text-left .inner-box-text {
    padding-right: 1rem;
}
.full .imco-out-text.imco-text-right .inner-box-text,
.full .imco-out-text.imco-text-left .inner-box-text {
    padding: 0 10%;
}

@media (max-width: 767px){
    .imco-out-image {
        order: 1;
    }
    .imco-out-text {
        order: 2;
    }
    .imco-out-image.imco-image-right,
    .imco-out-image.imco-image-left {
        padding-top: 50%;
        background-position: center center;
        margin-bottom: 20px;
    }
    .imco-out-text.imco-text-right {
        padding-left: inherit;
    }

    .imco-out-text.imco-text-left {
        padding-right: inherit;
    }
    .imco-in-image.imco-image-right,
    .imco-in-image.imco-image-left {
        margin-top: 0.5rem;
        max-width: 100%;
        margin-bottom: 1.5rem;
    }
    .paragraph .imco-in-image.imco-image-left.halfwidth,
    .paragraph .imco-in-image.imco-image-right.halfwidth,
    .paragraph .imco-in-image.imco-image-left.onethirdswidth,
    .paragraph .imco-in-image.imco-image-right.onethirdswidth,
    .paragraph .imco-in-image.imco-image-left.twothirdswidth,
    .paragraph .imco-in-image.imco-image-right.twothirdswidth,
    .paragraph .imco-in-image.imco-image-left.fortywidth,
    .paragraph .imco-in-image.imco-image-right.fortywidth {
        max-width: 100%;
    }

    .imco-out-text.imco-text-right .inner-box-text {
        padding-left: 0;
    }

    .imco-out-text.imco-text-left .inner-box-text {
        padding-right: 0;
    }
}

@media (min-width: 768px){
    .imco-out-text .inner-box-text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .imco-out-text .inner-box-text:last-child {
        margin-bottom: 0;
    }
    .imco-back-image .imco-out-text .inner-box-text {
        position: relative;
        top: 0;
        transform: none;
    }
    .imco-back-image .imco-out-image.imco-image-right {
        background-position: center center; /*top center;*/
        background-size: cover;
    }
    .imco-back-image .imco-out-image.imco-image-left {
        background-position: center center; /* top center;*/
        background-size: cover;
    }

    .imco-out-text.imco-text-right .inner-box-text p:last-child,
    .imco-out-text.imco-text-left .inner-box-text p:last-child {
        margin-bottom: 0;
    }

    .full .imco-back-image .imco-image-right,
    .full .imco-back-image .imco-image-left {
        height: 500px;
    }

    .imco-out-text.imco-text-left {
        padding-right: inherit;
    }
}
@media (min-width: 1024px){
    .paragraph .imco-in-image.imco-image-right,
    .paragraph .imco-in-image.imco-image-left {
        max-width: 40%;
    }

}