@charset "utf-8";
.content-image {
    margin-bottom: 15px;
}
.content-image.content-image-full {
    width: 100%;
    height: 45vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Larger than Phone */
@media (min-width: 768px) {
    .content-image-right {
        float: right;
        margin-left: 15px;
    }
    .content-image-left {
        float: left;
        margin-right: 15px;
    }
}

/* Phone Landscape to Tablet Portrait */
@media (min-width: 768px) and (max-width: 991px) {
    .content-image.content-image-inline {
        width: 50%;
    }
}

/* Tablet Landscape */
@media (min-width: 992px) and (max-width: 1199px) {
    .content-image.content-image-inline {
        width: 50%;
    }
}

/* Regular Desktop */
@media (min-width: 1200px) and (max-width: 1599px) {
    .content-image.content-image-inline {
        width: 50%;
    }
}

/* Large Desktop */
@media (min-width: 1600px) {
    .content-image.content-image-inline {
        width: 40%;
    }
}