.site-page-CELC .blocks > h2:first-child {
    margin-top: 50px;
}
.site-page-CELC .col-container {
    width: 100%;
}
.celc-media {
    position: relative;
    margin-top: 10px;
    padding: 20px 15px 50px 15px;
    background: #E7CAF8;
    font-family: "GrifitoS-Bold", "Times New Roman", Times, Georgia, serif;
    font-size: 24px;
    line-height: 1.2;
}
.celc-media::after {
    position: absolute;
    top: 8px;
    right: 8px;
    font-family:  "Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #521874;
    opacity: .5;
}
.celc-media.video::after {
    content: "\f03d"
}
.celc-media.pdf::after {
    content: "\f1c1"
}
.celc-media.reflections {
    background: #00ccff;
}
.celc-media.reflections::after {
    content: "\f075"
}
.celc-media.audio::after {
    content: "\f130"
}
.celc-media p.commentary {
    position: absolute;
    bottom: 0;
    left: 40px;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}
.celc-media.right p.commentary {
    bottom: 20px;
}
.celc-media p.commentary::after {
    content: "\f10d";
    position: absolute;
    bottom: 2px;
    left: -25px;
    font-family:  "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #521874;
    opacity: .5;
}
@media screen and (min-width:769px) {

    .celc-media {
        float: left;
        width: 23.5%;
       margin: 30px 0 0;
    }
    .celc-media.right {
        float: left;
        width: 47%;
        max-width: none;
       margin: 30px 0 0;
       padding-top: 30px;
    }
    .celc-media + .celc-media {
        margin-left: 2%
    }
    .celc-media + .celc-media {
        margin-left: 2%
    }
    .col-container + .celc-media + .celc-media + .celc-media + .celc-media + .celc-media {
    clear:left;
    margin-left: 0;
    }
}