.bm-group {
    display: block;
    overflow: hidden;
    position: relative;
}

.bm-group:empty {
    min-height: 1px;
	margin: 0!important;
}

.bm-item {
    display: block;
    width: 100%;
    line-height: 0;
}

.bm-item img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: inline-block;
}

/*
 * Banner with a declared width/height: render at exactly that size and centre it,
 * instead of stretching to the column. The width itself is inline (it comes from the
 * banner record); this rule only supplies the centring and the overflow guard, so a
 * 970px creative in a 320px column scales down proportionally instead of spilling out.
 */
.bm-item--fixed {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.bm-group[data-zone="in-post-content"] {
    margin: 20px 0;
}