@media screen and (min-width: 660px) {
    .zg-halfwidth--left, .zg-halfwidth--right {
        width: 320px;
    }
    .zg-halfwidth--left {
        margin: 0 2.25rem 1.75rem 0;
        float: left;
    }
    .zg-halfwidth--right {
        margin: 0 0 1.75rem 2.25rem;
        float: right;
    }
    .zg-halfwidth--left .x-subheadline, .zg-halfwidth--right .x-subheadline {
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) {
    .zg-halfwidth--left {
        margin-left: 16px;
    }
    .zg-halfwidth--right {
        margin-right: 16px;
    }
}
@media screen and (min-width: 850px) {
    .zg-halfwidth--left {
        margin-left: 27px;
    }
    .zg-halfwidth--right {
        margin-right: 27px;
    }
}
@media screen and (min-width: 900px) {
    .zg-halfwidth--left {
        margin-left: 40px;
    }
    .zg-halfwidth--right {
        margin-right: 40px;
    }
}
@media screen and (min-width: 980px) {
    .zg-halfwidth--left {
        margin-left: 60px;
    }
    .zg-halfwidth--right {
        margin-right: 60px;
    }
}