.media-block img,
.media-block .media-thumb {
    float: left;
    width: 20em;
    margin: 0 24px 8px 0;
    border-radius: 4px;
    display: block;
}

.media-block p {
    margin: 0 0 1em;
    line-height: 1.85;
}

.media-block::after {
    content: '';
    display: table;
    clear: both;
}

@media (max-width: 992px) {
    .media-block img,
    .media-block .media-thumb { width: 16em; }
}

@media (max-width: 768px) {
    .media-block img,
    .media-block .media-thumb {
        float: none;
        width: 100%;
        max-width: 320px;
        margin: 0 auto 1em;
    }
}

@media (max-width: 576px) {
    .media-block img,
    .media-block .media-thumb { max-width: 100%; }
}