:root {
    --background: rgba(255, 255, 255, 0.5);
    --line-height: 1.9rem;
}
.four-col-layout {
    --main-columns: auto auto auto auto;
    --mobile-columns: auto;
}

.four-col-layout {
    display: grid;
    grid-template-columns: var(--main-columns);
}
.width-100 {
    width: 100% !important;
}
.article {
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
}
.ccm-page .four-col-layout .overlay__background {
    background-color: var(--background);
}
.ccm-page .four-col-layout .masonry-blog-title {
    line-height: var(--line-height);
}

@media (max-width: 64em) {
    .four-col-layout {
        grid-template-columns: var(--mobile-columns);
    }
}