.dual-image-grid {
    font-family: wf_segoe-ui_light, wf_segoe-ui_semilight, wf_segoe-ui_normal, Arial, sans-serif;
    background-color: #2f2f2f; /* fix for LONG text */
}

.dual-image-grid .dual-image-panel {
    padding-left: 0px;
    padding-right: 0px;
}

.dual-image-grid .dual-image-text {
    background-color: #2f2f2f;
    color: #fff;
    text-align: center;
    padding: 0px;
}
/*  TODO: add chevron 
.dual-image-grid .chevron {
    padding-right: 20px;
    background-image: url("http://compass.microsoft.com/assets/a0/92/a0926a43-a44b-49fe-9354-e1ea5ee895cc.png?n=icon-ChevronRightSmallBlue_0078d7.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: 60%;
}
*/
.dual-image-grid .dual-image-cta {
    color: #fff;
    text-decoration-color: #fff;
}

.dual-image-grid .dual-image-cta svg { margin-bottom: -1px;width:5%; }

.dual-image-grid a {
   color: #fff;
}

.dual-image-grid .dual-image-heading {  
    /* font-family: wf_segoe-ui_light, wf_segoe-ui_semilight, wf_segoe-ui_normal, Arial, sans-serif; */
}


/* DESKTOP */
@media only screen and (min-width: 1084px) {
    .dual-image-grid .dual-image-heading {
        padding-top: 12px; /* major reductions to hit redlines*/
        margin-bottom: 2px;
    }
    .dual-image-grid .dual-image-body {
        padding-bottom: 14px;
        margin-top: 0px;
    }
}

/* TABLET */
@media only screen and (max-width: 1083px) and (min-width: 540px){
    .dual-image-grid .dual-image-heading {
        padding-top: 18px; /* major reductions to hit redlines*/
        margin-bottom: 0px; 
    }
    .dual-image-grid .dual-image-body {
        padding-bottom: 19px;
        margin-top: 0px;
    }
}

/* MOBILE */
@media only screen and (max-width: 539px){
    .dual-image-grid .dual-image-heading {
        padding-top: 16px; /* major reductions to hit redlines*/
        margin-bottom: -2px;
    }
    .dual-image-grid .dual-image-body {
        padding-bottom: 20px;
        margin-top: 0px;
    }
}