.sd-image-block {
    display: table;
    text-align: center;
    position: relative;
    height: 300px;
    width: 100%;
    padding: 0;
    border-radius: 10px;
}

.sd-image-block .sd-image-inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
    border-radius: 10px;
}

.sd-image-block svg {
    width: 50px;
}

.sd-image-block h2 {
    color: white;
    padding: 0;
    width: 100%;
    font-size: 24px;
}

.sd-image-block .sd-image-inner.orange {
    background-color: rgba(254, 80, 0, .4);
}

.sd-image-block .sd-image-inner.orange path.st0 {
    fill: #FE5000;
}

.sd-image-block .sd-image-inner.orange:hover {
    background-color: rgba(254, 80, 0, .8);
}

.sd-image-block .sd-image-inner.blue {
    background-color: rgba(25, 100, 172, .4);
}

.sd-image-block .sd-image-inner.blue path.st0 {
    fill: #1964AC;
}

.sd-image-block .sd-image-inner.blue:hover {
    background-color: rgba(25, 100, 172, .8);
}

.sd-image-block .sd-image-inner.green {
    background-color: rgba(105, 163, 65, .4);
}

.sd-image-block .sd-image-inner.green path.st0 {
    fill: #69A341;
}

.sd-image-block .sd-image-inner.green:hover {
    background-color: rgba(105, 163, 65, .8);
}

.sd-image-block .sd-image-inner.yellow {
    background-color: rgba(229, 169, 26, .4);
}

.sd-image-block .sd-image-inner.yellow path.st0 {
    fill: #E5A91A;
}

.sd-image-block .sd-image-inner.yellow:hover {
    background-color: rgba(229, 169, 26, .8);
}

.sd-image-block .sd-image-inner.red {
    background-color: rgba(175, 29, 31, .4);
}

.sd-image-block .sd-image-inner.red path.st0 {
    fill: #AF1D1F;
}

.sd-image-block .sd-image-inner.red:hover {
    background-color: rgba(175, 29, 31, .8);
}

.sd-image-block .sd-image-inner.gray {
    background-color: rgba(65, 64, 66, .4);
}

.sd-image-block .sd-image-inner.gray path.st0 {
    fill: #414042;
}

.sd-image-block .sd-image-inner.gray:hover {
    background-color: rgba(65, 64, 66, .8);
}

.sd-image-block .sd-image-inner.white {
    background-color: rgba(255, 255, 255, .4);
}

.sd-image-block .sd-image-inner.white path.st0 {
    fill: #fff;
}

.sd-image-block .sd-image-inner.white:hover {
    background-color: rgba(255, 255, 255, .8);
}

.sd-image-block .sd-image-inner.light-gray {
    background-color: rgba(202, 202, 202, .4);
}

.sd-image-block .sd-image-inner.light-gray path.st0 {
    fill: #CACACA;
}

.sd-image-block .sd-image-inner.light-gray:hover {
    background-color: rgba(202, 202, 202, .8);
}

@media screen and (max-width: 768px) {
    .sd-image-block {
        margin-bottom: 40px;
    }

    .halfsize .vc_col-sm-3 {
        width: 50%;
        float: left;
    }
    
}

@media screen and (max-width: 426px) {
    .halfsize .vc_col-sm-3 {
        width: 100%;
        float: none;
    }
}