div#dropoutrates {
    margin-top: 2em;
    .dorate {
        --highlight_color: #08658F;

        float: left;
        margin: 0 0 1em 5%;
        border: 1px solid #000;
        border-radius: 12px;
        padding: 12px;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);

        .dorate_type {
            color: var(--highlight_color);
            font-size: 1.25em;
            font-weight: bold;
            position: relative;
            padding-left: 28px;
            padding-bottom: .5em;

            &:before {
                content: "";
                position: absolute;
                left: 0;
                width: 22px;
                height: 18px;
                top: 5px;
                background: url(https://havantcounselling.com/wp-content/themes/et_divi/epanel/shortcodes/images/shortcodes-sprite.png) no-repeat -74px -2px;
            }

        }
        
        .dorate_value {
            font-weight: bold;
            color: #2fd82f;
            padding-left: 28px;
            font-size: 1.75em;
        }

        &.neg {
            .dorate_value {
                color: #c03b3b;
            }
            
            &:before {
                background: url(https://havantcounselling.com/wp-content/themes/et_divi/epanel/shortcodes/images/shortcodes-sprite.png) no-repeat -74px -21px;
            }
        }

    }
}

@media only screen and (max-width: 980px) {
    div#dropoutrates {
        .dorate {
            margin-left:0;
        }
        .dorate_value {
            font-weight: bold;
            color: #2fd82f;
            padding-left: 28px;
            font-size: 110%;
        }
    }

}