.cs-icon{
    display:inline-block;
    width:48px;
    height:48px;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    vertical-align:middle;
}

.cs-cross     { background-image:url('../icons/cross.svg'); }
.cs-church    { background-image:url('../icons/church.svg'); }
.cs-bell      { background-image:url('../icons/bell.svg'); }
.cs-candle    { background-image:url('../icons/candle.svg'); }
.cs-gospel    { background-image:url('../icons/gospel.svg'); }
.cs-dome      { background-image:url('../icons/dome.svg'); }
.cs-calendar  { background-image:url('../icons/calendar.svg'); }
.cs-schedule  { background-image:url('../icons/schedule.svg'); }
.cs-church-cross { background-image:url('../icons/church-cross.svg'); }

.cs-cross,
.cs-church,
.cs-bell,
.cs-candle,
.cs-gospel,
.cs-dome,
.cs-calendar,
.cs-schedule{
    color: #00C95A;
}

.church-cross{
    display:block;
    width:32px;
    height:32px;

    background-image:url('/assets/icons/church-cross.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    color:#ffffff;
}

.about-col:hover .church-cross{
    filter: invert(54%) sepia(94%) saturate(463%) hue-rotate(93deg) brightness(94%) contrast(90%);
}