.ddc-content.button-block-responsive {
    margin: 0;
}
.ddc-span6 {
    position: relative;
    min-height: 1px;
    width: 50%;
    float: left;
}
.ddc-span12 {
    position: relative;
    min-height: 1px;
    width: 100%;
    float: left;
}
.h1 {
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2;
}
.h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.mod.button-block-responsive {
    padding: 0;
    margin: 0;
    width: 100%;
}

.button-block-responsive .row {
    margin: 0 0 1px 0;
    display: flex;
	justify-content: center;
    align-items: center;
}

.ddc-span4 .button-block-responsive .row {
    margin: 0;
    display: block
}

.ddc-span4 .button-block-responsive .row .ddc-span6 a {height: 70px}
.buttonblock-button {padding: 0 1px 0 0}
.buttonblock-button:last-child {padding: 0}
.ddc-span4 .buttonblock-button {padding: 1px}

.buttonblock-button a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
    height: 130px;
    position: relative;
    background-size: cover;
    background-position: center, center;
    overflow: hidden;
    text-align: center;
    z-index: 1;
    padding: 3px;
    text-decoration: none;
}

.buttonblock-button a:hover {text-decoration: none}

.buttonblock-button span {
    color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,0.8);
    z-index: 3;
    position: relative
}

.buttonblock-button .transparency-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 2
}
.buttonblock-button.ddc-span6 span {color: #fff}

@media only screen and (max-device-width: 960px) {
    .buttonblock-button.ddc-span6 a {
        height:70px
    }

    .buttonblock-button.ddc-span12.h2 a {
        height: 70px
    }
}