.gov-co-footer-bio {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff),
    color-stop(30%, #fff), color-stop(30%, #004884), color-stop(85%, #004884), color-stop(85%, #004884));
    background-image: linear-gradient(to bottom, #fff, #fff 30%, #004884 30%, #004884 85%, #004884 85%);
}

.govco-data-front-bio {
    width: calc(70%);
    margin-left: 15% !important;
    border: 2px solid #108F40;
    border-radius: 10px;
    opacity: 1;
    background-color: #FFFFFF;
}

.icon-redes-bio {
    color: #FFFFFF;
    border-radius: 50%;
    background-color: #108F40;
    padding: 5px;
    margin-right: 5px;
}

@media only screen and (min-device-width: 300px) and (max-device-width: 1159px) {
       /** footer **/
    div.govco-data-front-bio > div.govco-footer-text {
        padding: 0 2rem !important;
    }
    div.govco-data-front-bio > div.govco-footer-text .row .col img.abs-logo-footer {
        position: relative;
        max-width: 100%;
        width: 100% !important;
    }
    div.govco-data-front-bio div#iconos-redes {
        padding: 0 3rem !important;
    }
    div.govco-data-front-bio > div#iconos-redes > div.col.col-lg-3 {
        padding-right: 0 !important;
        display: block;
    }
    div.govco-data-front-bio > div#iconos-redes > div.col.col-lg-3 > h3 {
        display: block !important;
    }
    div.govco-data-front-bio > div#iconos-redes > div.col.col-lg-3 > a {
        display: inline-block !important;
        width: 32%;
    }
    .govco-footer-logo div.row .col-7 {
        text-align: center;
    }

    .govco-footer-logo div.row .col-7,
    .govco-footer-logo div.row .col-5 {
        width: 50% !important;
    }
    /** footer **/
}