@media screen{
    :not(.grid) > .sgs_url_promo_block {
        margin: 0 auto;
        padding:0;
        max-width: 1200px;
        position:relative;
    }
    /* drop shadow on top */
    :not(.grid) > .sgs_url_promo_block:before {
        display:block;
        content:" ";
        position: relative;
        top: 10px;
        width: 94%;
        height: 10px;
        margin: -10px auto 0;
        border-radius: 100%;
        box-shadow: 0 1px 8px 5px rgba(0, 0, 0, 0.4);
        z-index: 0;
    }
    /* drop shadow on bottom */
    :not(.grid) > .sgs_url_promo_block:after {
        display:block;
        content:" ";
        clear:both;
        position: relative;
        top: -10px;
        width: 94%;
        height: 10px;
        margin: -10px auto 0;
        border-radius: 100%;
        box-shadow: 0 1px 8px 5px rgba(0, 0, 0, 0.4);
        z-index: 0;
        visibility: visible;
    }

    .sgs_url_promo_block .node_topic {
        display: none;
    }
    .sgs_url_promo_block h3.node_title {
        font-family: "Flama Condensed Light", sans-serif;
        font-size: 3em;
        letter-spacing: -0.01em;
        color: #008c44;
        line-height: 100%;
        margin-bottom:.1em;
    }
    .sgs_url_promo_block .node_summary {
        margin: .5em 0;
				font-size: 0.8em;
    }
    .sgs_url_promo_block .cta-link {
        display: inline-block;
        background-color: #008c44;
        font-family: "Flama Bold", sans-serif;
        color: #FFF;
        padding: .5em 1.8em;
        margin-top: .5em;
        text-transform: uppercase;
        font-size: 1em;
    }

    [class*="accent-"] .text:before {
        content: ' ';
        display: block;
        position: absolute;
        bottom: -3vw;
        right: 5%;
        opacity: .1;
        width: 18.5vw;
        height: 18.5vw;
    }

    .accent-globe .text:before {
        background: transparent url(../images/accent-globe.png) center center no-repeat;
        background-size: cover;
    }
    .accent-facebook .text:before {
        background: transparent url(../images/accent-facebook.png) center center no-repeat;
        background-size: cover;
        top: 45%;
        right:10%;
    }

    .accent-twitter .text:before {
        background: transparent url(../images/accent-twitter.png) center center no-repeat;
        background-size: cover;
        top: 45%;
        width: 22vw;
        right:10%;
    }
    
    a[href*=participate] .text:before {
        content: ' ';
        display: block;
        position: absolute;
        bottom: -3vw;
        right: 5%;
        opacity: .1;
        width: 18.5vw;
        height: 18.5vw;
        background: transparent url(../images/accent-envelope.png) center center no-repeat;
        background-size: cover;
        top: 42%;
        width: 22vw;
        right:10%;
    }
    
    a[href*=partner-with-us] .text:before {
        content: ' ';
        display: block;
        position: absolute;
        bottom: -3vw;
        right: 5%;
        opacity: .1;
        width: 18.5vw;
        height: 18.5vw;
        background: transparent url(../images/accent-handshake.png) center center no-repeat;
        background-size: cover;
        top: 45%;
        width: 22vw;
        right:10%;
    }
    
    .border-after {
        border-bottom:1px solid #ccc;
    }
   
}


@media screen and (min-width: 480px) {
    .accent-globe .text:before {
        right:2%;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .sgs_url_promo_block.box-white h3.node_title {
        font-size: 2.3em;
    }
}
@media screen and (min-width: 768px) {
    .col-sm-12[class*="accent-"] .text:before {
        width:13.5vw;
        height:13.5vw;
    }
    .col-sm-6[class*="accent-"] .text:before , a[href*=share] .text:before  {
        width: 9vw;
        height: 9vw;
    }
    .col-sm-6.accent-facebook .text:before, a[href*=partner] .text:before{
        width:10vw;
        height:10vw;
    }
    .col-sm-6.accent-twitter .text:before{
        width: 12vw;
        height: 10vw;
        top: 50%;
    }
    .border-after {
        border-bottom:none;
        border-right:1px solid #ccc;
    }
}
@media screen and (width: 768px) {
		.sgs_url_promo_block .grid-item .text {
			font-size: 1.6vw;
		}
}
@media screen and (min-width: 1200px) {
    .col-sm-12[class*="accent-"] .text:before {
        width: 162px;
        height: 162px;
    }
    .col-sm-6[class*="accent-"] .text:before {
        width: 108px;
        height: 108px;
    }
    .col-sm-6.accent-facebook .text:before {
        width:120px;
        height:120px;
    }
    .col-sm-6.accent-twitter .text:before {
        width: 144px;
        height: 120px;
    }
    .accent-globe .text:before {
        bottom:-36px;
    }
    .sgs_url_promo_block .cta-link {
        font-size: 16px;
    }
}