/* =========================================== */
/* Float section to make sure in-line images don't break columns and do handle RWD */
/* =========================================== */
.float-image-left {
    float: left;
    width: 300px;
    margin: 0 20px 10px 0;
    text-align: center;
}

.float-image-right {
    float: right;
    width: 300px;
    margin: 0 0 10px 20px;
    text-align: center;
}

.float-image-left img,
.float-image-right img {
    width: 100%;
    height: auto;
}

.float-image-left .caption,
.float-image-right .caption,
.caption {
    font-size: 10pt;
}
@media (max-width: 1000px) {
    .float-image-left,
    .float-image-right {
        float: none;
        width: 100%;
        max-width: 500px;
        margin: 0 auto 20px auto;
    }
}
/* =========================================== */
/* End float section */
/* =========================================== */