@media screen and (max-width: 1920px){

    

}

@media screen and (max-width: 1680px){

    

}

@media screen and (max-width: 1550px){

    

}

@media screen and (max-width: 1466px){

    .view.view-bive-institucional-home .views-field.views-field-field-imagen-home {
        position: relative;
        float: left;
        width: 52%;
        padding-top: 6%;
        margin-right: 6%;
    }

    .texto_banner {
        position: absolute;
        width: 55%;
        height: 100%;
        background: rgba(47, 56, 67, 0.69);
        padding: 9% 4% 3% 19%;
        -ms-transform: skewY(-6deg);
        -webkit-transform: skewY(-6deg);
        transform: skewX(-6deg);
        left: -6%;
    }

    .contener_textos_banner .views-field.views-field-title {
        color: white;
        font-size: 1.2em;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .contener_textos_banner .views-field.views-field-title {
        color: white;
        font-size: 1.2em;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .view-proyectos-inicio .views-field-field-resumen-inicio {
        position: relative;
        float: left;
        width: 100%;
        font-size: 1em;
        line-height: 1em;
    }

    .contenedor_porque_como .field .field-label {
        color: #ffffff;
        font-size: 4em;
        text-align: left;
        position: relative;
        padding: 14% 10% 6% 9%;
        line-height: 1em;
        font-weight: normal;
    }

    .node-type-programas .field.field-name-body {
        position: relative;
        float: left;
        width: 50%;
        margin-top: 30px;
        margin-bottom: 40px;
        padding-left: 6%;
    }

    .node-type-programas .field.field-name-field-ventajas {
        position: relative;
        float: left;
        width: 50%;
        background: #4271b5;
        padding-left: 6%;
        color: white;
        padding-right: 2%;
        padding-top: 3%;
        height: 39.9em;
    }


    .tines_preguntas_plan_bive {
        padding: 0px 8%;
    }

    .node-type-proyectos .group-proyecto-izquierda.field-group-div {
        position: relative;
        float: left;
        width: 47%;
        padding-left: 6%;
        padding-right: 3%;
        padding-top: 2%;
    }

    .group-proyecto-derecha.field-group-div {
        position: relative;
        float: left;
        width: 53%;
        overflow: auto;
        padding-right: 6%;
        padding-left: 2%;
        padding-top: 2%;
        height: 450px;
    }

    .node-type-proyectos .field.field-name-field-como-lo-hacemos- {
        position: relative;
        float: left;
        width: 53%;
        padding-left: 6%;
        padding-top: 3%;
        padding-bottom: 9%;
        padding-right: 2%;
        background: rgba(255, 255, 255, 0.64);
    }

    .node-type-programas.programa-bive-cafetero .field.field-name-body {
        position: relative;
        float: left;
        width: 58%;
        margin-top: 30px;
        margin-bottom: 90px;
        padding-left: 6%;
        padding-right: 3%;
    }

    .node-type-programas.programa-bive-cafetero .field.field-name-field-imagen-programa-2 {
        position: relative;
        float: left;
        width: 36%;
        margin-top: 0px;
        z-index: 0;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .node-type-programas.empresas-con-bienestar .field.field-name-field-descripci-n-2 {
        position: relative;
        float: left;
        width: 50%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-right: 6%;
        background: #1c75b6;
        padding-top: 40px;
        padding-left: 3%;
        padding-bottom: 40px;
        color: #fff;

    }

    .node-type-programas.empresas-con-bienestar .field.field-name-body {
        position: relative;
        float: left;
        width: 50%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 6%;
        background: #8cc342;
        padding-top: 40px;
        padding-right: 3%;
        padding-bottom: 40px;
        color: #fff;
        font-size: 1.41em;
    }

    .contenedor_textos_biveinstuhome.views-fieldset {
        position: relative;
        float: left;
        width: 50%;
        padding-top: 0px;
        padding-left: 6%;
        padding-right: 0%;
    }

    .view.view-bive-institucional-home .views-field.views-field-body {
        text-align: justify;
        line-height: 1.4em;
    }

    .texto_banner {
        position: absolute;
        width: 55%;
        height: 100%;
        background: rgba(47, 56, 67, 0.69);
        padding: 6% 4% 3% 19%;
        -ms-transform: skewY(-6deg);
        -webkit-transform: skewY(-6deg);
        transform: skewX(-6deg);
        left: -6%;
    }

    .node-type-proyectos .field-name-field-resultados ul li {
        overflow-y: auto;
        padding-top: 20px;
    }

    .i18n-en .tines_preguntas_plan_bive h4 {
        color: white;
        font-size: 4em;
        line-height: 1.3em;
        margin-top: 0.3em;
        position: relative;
        float: left;
        margin-left: 12%;
    }

}

@media screen and (max-width: 1280px) {
    
}

@media screen and (max-width: 1218px) {
    
}

@media screen and (max-width: 1200px) {

    .container {
        width: 97%;
    }

    .navbar.container {
        max-width: 100%;
    }

    .view.view-fundadores .views-row.views-row-2 .contenedor_general_fouders.views-fieldset {
        left: 40%;
        margin-top: 40px;
    }

    .view.view-fundadores .views-row.views-row-1 .contenedor_general_fouders.views-fieldset {
        left: 2%;
    }

    .views-fundadores-block {
        background: url(../img/fundadores.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        padding: 22% 14% 2% 16%;
    }

    .menu_arriba {
        position: relative;
        float: right;
        width: 72%;
        margin-top: 35px;
    }

    .node-type-proyectos .field-name-field-resultados ul li {
        position: relative;
        float: left;
        width: 25%;
        background: #8cc342;
        height: 304px;
        list-style: none;
        padding: 9px 20px;
        color: white;
        text-align: center;
        overflow-y: auto;
    }

}

@media screen and (max-width: 1114px) {

    .menu_arriba li a.active, .menu_arriba li a:hover {
        padding: 15px 20px;
        color: #1475ba !important;
        background-color: transparent
    }


    .menu_arriba li a {
        padding: 15px 20px;
        color: #383838 !important;
        font-size: 1.4em;
        position: relative;
    }


    .menu_dos ul li a {
        padding: 6px 14px;
        color: white;
    }

    .posicion_derecha_arriba {
        position: relative;
        float: left;
        width: 20%;
        /* display: none; */
    }

    .menu_dos {
        position: relative;
        float: left;
        width: 80%;
    }

    .node-type-programas .contenedor_centro ul, .node-type-programas .contenedor_centro p {
        font-size: 1.1em;
    }

    .node-type-programas .field.field-name-body {
        position: relative;
        float: left;
        width: 50%;
        margin-top: 30px;
        margin-bottom: 40px;
        padding-left: 3%;
    }

    .node-type-programas.programa-bive .field-name-field-imagen-programa-2 img {
        position: relative;
        width: 90%;
        right: 0px;
        float: right;
    }

    .node-type-programas .field.field-name-field-ventajas {
        position: relative;
        float: left;
        width: 50%;
        background: #4271b5;
        padding-left: 3%;
        color: white;
        padding-right: 2%;
        padding-top: 3%;
        height: 39.9em;
    }

    .node-type-programas.programa-bive .field.field-name-field-fondo-frase .field-items {
        position: relative;
        padding: 0px 4%;
    }

    .node-type-programas .field.field-name-field-fondo-frase h3 {
        color: white;
        font-size: 4em;
        line-height: 0.7em;
        margin-top: 1em;
        position: relative;
        float: left;
    }

    .node-type-programas .field.field-name-field-fondo-frase a {
        position: relative;
        padding: 1px 14px;
        border: 3px solid #88c345;
        display: inline-block;
        margin-top: 1.5em;
        font-size: 2.8em;
        color: #ffffff;
        border-radius: 15px;
        text-decoration: none;
        cursor: pointer;
        float: right;
        margin-bottom: 15px;
        background: #88c345;
    }

    .node-type-programas .field.field-name-field-fondo-frase {
        position: relative;
        float: left;
        width: 100%;
        max-height: 200px;
        overflow: hidden;
        min-height: 200px;
        background-attachment: fixed !important;
    }

    .node-type-programas.programa-bive-cafetero .field.field-name-field-frase {
        padding-top: 5em;
        padding: 4% 5%;
    }

    .node-type-programas.empresas-con-bienestar .field.field-name-body {
        position: relative;
        float: left;
        width: 50%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 3%;
        background: #8cc342;
        padding-top: 40px;
        padding-right: 3%;
        padding-bottom: 40px;
        color: #fff;
        font-size: 1.38em;
    }


    .node-type-programas.empresas-con-bienestar .field.field-name-field-descripci-n-2 {
        position: relative;
        float: left;
        width: 50%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-right: 3%;
        background: #1c75b6;
        padding-top: 40px;
        padding-left: 3%;
        padding-bottom: 26px;
        color: #fff;
    }

    .node-type-programas.empresas-con-bienestar .field.field-name-field-fondo-frase h3 {
        color: #f5f23c;
        font-size: 4em;
        line-height: 0.7em;
        margin-top: 0.3em;
        position: relative;
        float: none;
        margin-bottom: 0px;
    }

    .node-type-programas.empresas-con-bienestar .field.field-name-field-fondo-frase h4 {
        color: #f5f23c;
        font-size: 3em;
        line-height: 0.7em;
        position: relative;
        float: none;
        margin-top: 0px;
    }

    .node-type-proyectos article p {
        font-size: 1.1em;
    }

    .node-type-proyectos article ul {
        font-size: 1.1em;
    }

    .node-type-proyectos .group-proyecto-izquierda.field-group-div {
        position: relative;
        float: left;
        width: 47%;
        padding-left: 3%;
        padding-right: 2%;
        padding-top: 2%;
    }

    .group-proyecto-derecha.field-group-div {
        position: relative;
        float: left;
        width: 53%;
        overflow: auto;
        padding-right: 3%;
        padding-left: 1%;
        padding-top: 2%;
    }

    .node-type-proyectos .field.field-name-field-como-lo-hacemos- {
        position: relative;
        float: left;
        width: 53%;
        padding-left: 3%;
        padding-top: 3%;
        padding-bottom: 9%;
        padding-right: 2%;
        background: rgba(255, 255, 255, 0.64);
    }

    .textos_proyectos_home .views-field.views-field-title a {
        color: white;
        font-size: 2.6em;
        line-height: 1em;
        text-decoration: none;
        margin-top: 6%;
        position: relative;
        float: left;
        width: 50%;
        margin-bottom: 6%;
    }

    .node-type-con-cenos .contenedor_centro p {
        font-size: 1.1em;
    }

    .tines_preguntas_plan_bive {
        padding: 0px 0%;
    }

    .tines_preguntas_plan_bive h4 {
        color: white;
        font-size: 4em;
        line-height: 1.1em;
        margin-top: 0.3em;
        position: relative;
        float: left;
        margin-left: 10%;
    }

    .tines_preguntas_plan_bive h4 .s1 {
        color: #f5f23c;
        display: block;
        /* margin-left: 70px; */
        font-size: 1.1em;
    }

    .tines_preguntas_plan_bive img {
        position: relative;
        margin-top: 3%;
        width: 14em;
        position: relative;
        float: left;
        margin-left: 10%;
    }

.view-nuestro-impacto .views-row {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 0.5em;
}

.view-nuestro-impacto .views-row .views-field-field-imagen-nuestro-impacto {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: fit-content;
}

.view-nuestro-impacto .views-row .views-field-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    padding-left: 1%;
}


}

@media screen and (max-width: 1052px) {

    .textos_proyectos_home .views-field.views-field-title a {
        font-size: 2.0em;
    }
}

@media screen and (max-width: 1024px) {

    .texto_banner .field-content p {
        color: #ffffff;
        font-size: 1.1em;
    }

    a.ver_mas_banner {
        padding: 4px 14px;
        background: #1475ba;
        display: inline-block;
        margin-top: 10px;
        font-size: 1.3em;
        color: white;
        border-radius: 5px;
        text-decoration: none;
        cursor: pointer;
        float: right;
        margin-top: 30px;
    }

    .contener_textos_banner a.ver_mas_banner {
        margin-top: 10px;
        font-size: 1em;
    }

    .contener_textos_banner p, .contener_textos_banner span {
        line-height: 0.8em;
        margin-bottom: 0px;
        font-size: 1.1em;
    }

    .view.view-testimonios .views-row {
        padding: 0px 6%;
    }

    .contenedor_porque_como .field .field-label {
        color: #ffffff;
        font-size: 2em;
        text-align: left;
        position: relative;
        padding: 14% 10% 6% 9%;
        line-height: 1em;
        font-weight: normal;
    }

    a.more_pyc {
        position: relative;
        color: white;
        display: block;
        background: #8cc444;
        position: relative;
        float: right;
        padding: 12px 37px;
        font-size: 1em;
        cursor: pointer;
        text-decoration: none;
        margin-right: 20%;
        margin-bottom: 11%;
        border-radius: 11px !important;
    }

    .view-staff .views-row {
        padding: 0px 9%;
        font-size: 1.1em;
        line-height: 1em;
        text-align: center;
    }

    .view-junta-asesora .views-row {
        padding: 0px 5%;
        font-size: 1.1em;
        line-height: 1em;
        text-align: center;
    }

    .view.view-involucrate {
        font-size: 1.1em;
    }

    .view.view-involucrate .views-field.views-field-field-texto-bot-n .btn_involucrate {
        position: relative;
        float: left;
        background: #1e74bc;
        color: white;
        padding: 4px 63px;
        margin-top: 33px;
        margin-left: 7%;
        border-radius: 6px;
        font-size: 1.3em;
        text-decoration: none;
    }

    .view.view-preguntas-frecuentes .views-field-title {
        font-size: 1.1em;
        border-bottom: 1px solid #545454;
        padding-bottom: 10px;
        padding-top: 10px;
        cursor: pointer;
    }

    .menu_arriba {
        position: relative;
        float: right;
        width: 72%;
        margin-top: 25px;
    }

    .node-type-programas.programa-bive-cafetero .field.field-name-body {
        position: relative;
        float: left;
        width: 58%;
        margin-top: 30px;
        margin-bottom: 90px;
        padding-left: 3%;
        padding-right: 3%;
    }

    .node-type-programas.programa-bive-cafetero .field.field-name-field-imagen-programa-2 {
        position: relative;
        float: left;
        width: 39%;
        margin-top: 0px;
        z-index: 0;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .node-type-programas.programa-bive-cafetero .field.field-name-field-frase {
        padding-top: 5em;
        padding: 4% 0%;
    }

    .pagina_involucrate .page-header,
    .node-type-programas .page-header,
    .node-type-con-cenos .page-header,
    .node-type-proyectos .page-header {
        font-size: 2em;
    }

    .node-type-proyectos .field.field-name-field-como-lo-hacemos- {
        position: relative;
        float: left;
        width: 53%;
        padding-left: 3%;
        padding-top: 9%;
        padding-bottom: 9%;
        padding-right: 2%;
        background: rgba(255, 255, 255, 0.64);
    }

    .formularios {
        width: 90%;
        margin-left: 5%;
        left: 0%;
    }

}

@media screen and (max-width: 992px) {

    #block-views-proyectos-inicio-block h2.block-title {
        position: absolute;
        z-index: 3;
        text-align: center;
        width: 100%;
        margin-top: 10px;
        color: #374757;
        font-size: 2em;
    }

    .view-proyectos-inicio .views-field.views-field-title {
        position: relative;
        float: left;
        width: 100%;
        font-size: 2em;
        color: #1475ba;
        margin-bottom: 0px;
    }

    .contenedor_textos_proyectos_home {
        position: absolute;
        top: 13%;
        width: 48%;
        left: 47%;
        z-index: 2;
    }

    .right:before {
        right: 2%;
    }


    .left:before {
        left: 2%;
    }

    .view-proyectos-inicio .views-field.views-field-view-node a {
        position: relative;
        float: left;
        padding: 1px 14px;
        border: 3px solid #1475ba;
        display: inline-block;
        margin-top: 0px;
        font-size: 1.3em;
        color: #ffffff;
        border-radius: 5px;
        text-decoration: none;
        cursor: pointer;
        float: right;
        margin-bottom: 15px;
        background: #1475ba;
    }

    #block-views-proyectos-block .block-title {
        text-align: center;
        display: block;
        margin: 0 auto;
        margin-top: 24px;
        padding: 0px;
        position: relative;
        margin-bottom: 40px;
        border-bottom: 0px;
        color: #374757;
        font-size: 2em;
    }

    h2.block-title {
        font-size: 2em;
        text-align: center;
    }

    .texto_banner {
        position: absolute;
        width: 55%;
        height: 100%;
        background: rgba(47, 56, 67, 0.69);
        padding: 6% 4% 3% 14%;
        -ms-transform: skewY(-6deg);
        -webkit-transform: skewY(-6deg);
        transform: skewX(-6deg);
        left: -6%;
    }

    .view.view-bive-institucional-home .views-field.views-field-body p {
        font-size: 1.1em !important;
    }

    .view.view-bive-institucional-home .views-field.views-field-body p span{
        font-size: 1.1em !important;
    }

    .view.view-bive-institucional-home .views-field-field-enlace-destino a {
        padding: 1px 14px;
        border: 3px solid #1475ba;
        display: inline-block;
        margin-top: 14px;
        font-size: 1.3em;
        color: #ffffff;
        border-radius: 5px;
        text-decoration: none;
        cursor: pointer;
        float: right;
        margin-bottom: 15px;
        background: #1475ba;
    }

    .menu_arriba li a.active, .menu_arriba li a:hover {
        padding: 10px 20px;
        color: #1475ba !important;
        background-color: transparent;
    }

    .pagina_involucrate .page-header, 
    .node-type-programas .page-header, 
    .node-type-con-cenos .page-header, 
    .node-type-proyectos .page-header {
        font-size: 2em;
        padding: 20px;
    }

    .field.field-name-field-nuestro-proposito .field-label {
        margin: 0px;
        font-size: 2em;
        font-weight: normal !important;
        color: #374756;
    }

    .field.field-name-field-nuestro-proposito h3 {
        font-size: 1.5em;
    }

    .field.field-name-field-visi-n .field-label, .field.field-name-field-misi-n .field-label {
        margin: 0px;
        font-size: 2em;
        font-weight: normal !important;
        color: #1475ba;
        position: relative;
        float: left;
        width: 100%;
    }

    section#block-views-staff-block h2.block-title, .fundadores h2.block-title {
        font-weight: bold;
        margin: 0px;
        font-size: 2em;
        font-weight: normal !important;
        color: #374756;
        z-index: 2;
        position: relative;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .node-type-paginas .contenedor_centro p {
        font-size: 1.1em;
    }

    .node-type-proyectos .field-name-field-resultados ul li {
        position: relative;
        float: left;
        width: 50%;
        background: #8cc342;
        height: 250px;
        list-style: none;
        padding: 29px 20px;
        color: white;
        text-align: center;
        overflow-y: auto;
    }

    .footer .captcha {
      margin-top: 25px;
    }

.view-nuestro-impacto .views-row .views-field-field-imagen-nuestro-impacto {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 19%;
}

.view-nuestro-impacto .views-row .views-field-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    padding-left: 1%;
}

}

@media screen and (max-width: 950px) {

    .menu_dos ul li a {
        padding: 6px 8px;
        color: white;
    }

    .field.field-name-field-objetivo-de-desarrollo-sos p {
        margin-top: 4.5em;
        position: relative;
        float: left;
        width: 66%;
        font-size: 1em;
        margin-bottom: 20px;
        margin-left: -14%;
    }

    .form-item .help-block {
        width: 350px;
    }

    .footer .captcha {
        margin-top: 40px;
    }

}

@media screen and (max-width: 890px) {

    .container {
        width: 100%;
    }

    .left:before {
        left: 2%;
        font-size: 2em;
    }

    .right:before {
        right: 2%;
        font-size: 2em;
    }

    .pie2 h2.block-title {
        font-size: 2em;
        text-transform: uppercase;
        text-align: left;
        color: #a4be2c;
        margin-bottom: 34px;
    }

    .pie3 h2.block-title {
        font-size: 2em;
        text-transform: uppercase;
        text-align: left;
        margin-bottom: 10px;
        margin-top: 0px;
        color: #616161;
    }

    #block-views-junta-asesora-block h2.block-title {
        font-weight: bold;
        margin: 0px;
        font-size: 2em;
        font-weight: normal !important;
        color: #374756;
        z-index: 2;
        position: relative;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 25px;
    }

    .field.field-name-field-imagen-historia .field-label {
        margin: 0px;
        font-size: 2em;
        font-weight: normal !important;
        color: #374756;
        margin-top: 25px;
        position: relative;
        float: left;
        width: 100%;
    }

    .contacto_datos {
        position: relative;
        float: left;
        width: 50%;
        text-align: center;
        margin-bottom: 20px;
    }

    section#block-block-7 {
        width: 100%;
        background: rgba(255, 255, 255, 0.59);
        padding-top: 15px;
        padding-left: 10%;
        padding-bottom: 39px;
        padding-right: 0%;
        display: block;
        float: left;
    }

    section#block-multiblock-5, section#block-multiblock-3 {
        position: relative;
        float: right;
        width: 100%;
        margin-bottom: -63px;
        padding-bottom: 20px;
    }

    section#block-multiblock-4 {
        position: relative;
        float: left;
        width: 50%;
        text-align: center;
        margin-top: 14px;
        margin-bottom: 30px;
    }

    .node-type-programas .field.field-name-field-ventajas {
        position: relative;
        float: left;
        width: 100%;
        background: #4271b5;
        padding-left: 3%;
        color: white;
        padding-right: 2%;
        padding-top: 3%;
        height: 24.9em;
    }

    .node-type-programas .field.field-name-field-imagen-ventajas {
        position: relative;
        float: left;
        width: 50%;
        height: 638px;
        display: none;
    }

    .node-type-programas .parallax-mirror {
        display: none;
    }

    .posicion_derecha_arriba {
        position: relative;
        float: right;
        width: 100%;
        /* display: none; */
        text-align: right;
    }
    .menu_dos {
        position: relative;
        float: left;
        width: 67%;
        display: none;
    }

    a.fondo_guia {
        position: relative;
        float: left;
        width: 100%;
        height: 18em;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .textos_proyectos_home .views-field.views-field-title a {
        font-size: 1.5em;
    }

    .form-item .help-block {
        width: 400px;
    }

    .footer .form-item .help-block {
        width: 300px;
    }

}

@media screen and (max-width: 830px) {

    .menu_arriba li a {
        padding: 15px 10px;
    }

    .menu_arriba li a.active, .menu_arriba li a:hover {
        padding: 15px 10px;
        color: #1475ba !important;
        background-color: transparent;
    }

    a.fondo_guia {
        position: relative;
        float: left;
        width: 100%;
        height: 16em;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .contacto_datos {
        width: 100%;
    }

}

@media screen and (max-width: 768px) {

    .logotipo_div {
        position: relative;
        float: left;
        width: 39%;
        margin-top: 0px;
    }

    header#navbar {
        padding: 0px;
    }

    .menu_arriba {
        position: relative;
        width: 100%;
        margin-top: 0px;
        float: left;
    }

    .menu_arriba ul.menu.nav.navbar-nav {
        float: none;
        text-align: right;
        width: 100%;
        margin: 0px;
    }

    .menu_arriba ul.menu.nav.navbar-nav li {
        text-align: center;
        display: inline-block;
        float: none;
        width: 100%;
        padding: 0 20px;
    }

    .menu_arriba li a {
        padding: 15px 20px !important;
    }

    .menu_arriba li:last-child a {
        padding-right: 20px !important;
    }

    ul.dropdown-menu {
        display: none !important;
    }


    .menu_arriba span.caret {
        display: none;
    }


    button.navbar-toggle {
        margin-top: -4em;
        margin-right: 18px;
    }

    .view.view-banner .views-row {
        position: relative;
        display: flex;
        width: 50%;
    }

    .view.view-banner .view-content {
        position: relative;
        float: left;
        width: 100%;
        overflow-x: auto;
        display: flex;
    }

    .view.view-bive-institucional-home .views-field.views-field-field-video-bive-institucional {
        position: relative;
        float: left;
        width: 100%;
        border: 6px solid #3791cf;
        margin-bottom: 20px;
    }

    .view.view-bive-institucional-home .views-field.views-field-field-video-bive-institucional img {
        width: 100%
    }

    .contenedor_textos_biveinstuhome.views-fieldset {
        position: relative;
        float: left;
        width: 100%;
        padding-top: 0px;
        padding-left: 0%;
        padding-right: 0%;
    }

    .contenedor_textos_biveinstuhome.views-fieldset br{
        display: none;
    }

    .bive_institucional {
        background-size: cover !important;
        background-position: center 0px !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
        position: relative;
        float: left;
        width: 100%;
        padding-bottom: 1em;
        padding-top: 1.5em;
    }

    .view-proyectos-inicio .views-field-field-resumen-inicio {
        position: relative;
        float: left;
        width: 100%;
        font-size: 1em;
        line-height: 1em;
        display: none;
    }

    .contenedor_textos_proyectos_home {
        position: absolute;
        top: 29%;
        width: 29%;
        left: 54%;
        z-index: 2;
    }

    .view-proyectos-inicio .views-field.views-field-title {
        position: relative;
        float: left;
        width: 100%;
        font-size: 2em;
        color: #1475ba;
        margin-bottom: 19px;
        line-height: 1em;
    }

    .view.view-proyectos .views-row {
        position: relative;
        float: left;
        width: 48%;
        margin: 0px 1%;
        margin-bottom: 15px;
    }

    .view.view-involucrate .views-row-odd .izquierda_involucrate.views-fieldset {
        position: relative;
        float: left;
        width: 100%;
        padding-right: 2%;
        padding-left: 2%;
    }

    .view.view-involucrate .views-row-odd .derecha_involucrate.views-fieldset {
        position: relative;
        float: left;
        width: 70%;
        padding-left: 2%;
        left: 15%;
    }

    .view.view-involucrate .views-row-even .derecha_involucrate.views-fieldset {
        position: relative;
        float: right;
        width: 70%;
        padding-right: 0%;
        margin-right: 15%;
    }

    .view.view-involucrate .views-row-even .izquierda_involucrate.views-fieldset {
        position: relative;
        float: right;
        width: 98%;
        padding-left: 3%;
    }

    .view.view-involucrate .views-row {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 70px;
        display: block;
    }

    section#block-block-7:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 114px 165px 0px;
        border-color: transparent transparent rgba(255, 255, 255, 0.59) transparent;
        position: absolute;
        right: -113.5px;
        top: 0px;
        display: none;
    }

    ul.menu.nav.oculto {
        display: block;
    }

    .texto_banner .field-content p {
        color: #ffffff;
        font-size: 1.1em;
        line-height: 1em;
    }

    .posicion_derecha_arriba section#block-locale-language {
        position: relative;
        float: right;
        width: auto;
    }

    .posicion_derecha_arriba section#block-social-media-links-social-media-links {
        position: relative;
        float: right;
        width: auto;
        display: none;
    }

    .node-type-proyectos .field.field-name-field-logo-proyecto.field-type-image.field-label-hidden {
        width: 64%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .node-type-programas.programa-bive-cafetero .field.field-name-body {
        position: relative;
        float: left;
        width: 97%;
        margin-top: 30px;
        margin-bottom: 5px;
        padding-left: 3%;
        padding-right: 3%;
    }

    .node-type-programas.programa-bive-cafetero .field.field-name-field-imagen-programa-2 {
        position: relative;
        float: left;
        width: 64%;
        margin-top: 0px;
        z-index: 0;
        margin-bottom: 25px;
        margin-top: 0px;
    }

    .node-type-programas.empresas-con-bienestar .field.field-name-body {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 3%;
        background: #8cc342;
        padding-top: 40px;
        padding-right: 3%;
        padding-bottom: 40px;
        color: #fff;
        font-size: 1.38em;
    }

    .node-type-programas.empresas-con-bienestar .field.field-name-field-descripci-n-2 {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-right: 3%;
        background: #1c75b6;
        padding-top: 40px;
        padding-left: 3%;
        padding-bottom: 26px;
        color: #fff;
    }

    .view-objetivos-de-desarrollo-sostenible .views-row {
        position: relative;
        float: left;
        width:100%
    }

    section#block-block-11 img {
        max-width: 100%;
        height: auto;
    }

    .field.field-name-field-imagen-desarrollo-sostenib {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 28px;
        margin-bottom: 10px;
        padding-right: 0%;
    }

    .field.field-name-field-objetivo-de-desarrollo-sos p {
        margin-top: 0.5em;
        position: relative;
        float: left;
        width: 100%;
        font-size: 1em;
        margin-bottom: 20px;
        margin-left: 0%;
    }

    .textos_proyectos_home .views-field.views-field-title a {
        font-size: 2.5em;
    }

}

@media screen and (max-width: 740px) {

    .pie2 {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .pie3 {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 10px;
    }
        
    .pie_pagina {
        background: #2f3843;
    }

    .field.field-name-field-nuestro-proposito img {
        position: relative;
        float: left;
        margin-right: 2%;
        width: 33%;
        height: auto;
    }

    .field.field-name-field-visi-n {
        position: relative;
        float: left;
        width: 100%;
        padding-right: 0%;
        margin-bottom: 20px;
    }

    .field.field-name-field-misi-n {
        position: relative;
        float: left;
        width: 100%;
        padding-left: 0%;
    }

    .node-type-programas .field.field-name-body {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 40px;
        padding-left: 3%;
        padding-right: 3%;
    }

    .node-type-programas .field.field-name-field-imagen-programa-2 {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 0px;
        z-index: 0;
    }

    .node-type-programas.programa-bive .field-name-field-imagen-programa-2 img {
        position: relative;
        width: 60%;
        right: 0px;
        float: right;
    }

    .node-type-programas .field.field-name-field-ventajas {
        position: relative;
        float: left;
        width: 100%;
        background: #4271b5;
        padding-left: 3%;
        color: white;
        padding-right: 2%;
        padding-top: 3%;
        height: auto;
    }

    .tines_preguntas_plan_bive img {
        position: relative;
        margin-top: 16%;
        width: 11em;
        position: relative;
        float: left;
        margin-left: 10%;
    }


    .node-type-programas .field.field-name-body ul {
        padding-left: 15px;
    }

    .node-type-proyectos .group-proyecto-izquierda.field-group-div {
        position: relative;
        float: left;
        width: 99%;
        padding-left: 3%;
        padding-right: 2%;
        padding-top: 2%;
    }

    .group-proyecto-derecha.field-group-div {
        position: relative;
        float: left;
        width: 97%;
        overflow: auto;
        padding-right: 3%;
        padding-left: 3%;
        padding-top: 2%;
    }

    .node-type-proyectos .field.field-name-field-como-lo-hacemos- {
        position: relative;
        float: left;
        width: 100%;
        padding-left: 3%;
        padding-top: 9%;
        padding-bottom: 9%;
        padding-right: 2%;
        background: rgba(255, 255, 255, 0.64);
    }

    .node-type-proyectos .parallax-mirror {
        display: none;
    }

    .node-type-proyectos .field.field-name-field-imagen-de-fondo-como-lo-ha {
        height: auto;
        position: relative;
        float: left;
        overflow: hidden;
        background-attachment: fixed !important;
    }

    .form-item .help-block {
        width: 400px;
    }

    .captcha {
        margin-top: 40px;
    }

    .footer .form-item .help-block {
        width: 400px;
    }

}

@media screen and (max-width: 670px) {

    .contenedor_textos_proyectos_home {
        position: absolute;
        top: 29%;
        width: 41%;
        left: 54%;
        z-index: 2;
    }

    button.navbar-toggle {
        margin-top: -3.5em;
        margin-right: 18px;
    }

    a.ver_mas_banner {
        padding: 4px 14px;
        background: #1475ba;
        display: inline-block;
        margin-top: 10px;
        font-size: 1em;
        color: white;
        border-radius: 5px;
        text-decoration: none;
        cursor: pointer;
        float: right;
        margin-top: 14px;
    }

    .contenedor_porque_como .field {
        position: relative;
        float: left;
        width: 100%;
    }

    section#block-block-10 img {
        position: relative;
        float: left;
        width: 50%;
        height: auto;
    }

    .view.view-fundadores .views-field.views-field-field-foto-persona {
        display: block;
    }

    section#block-views-fundadores-block {
        background: url(../img/fundadores.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        padding: 4% 4% 2% 2%;
        background: none;
    }

    .contenedor_general_fouders.views-fieldset {
        width: 210px;
        position: relative;
        float: none;
        margin: 0 auto;
    }

    .view.view-fundadores .views-row.views-row-2 .contenedor_general_fouders.views-fieldset {
        left: 0px;
        margin-top: 0px;
    }

    .view.view-fundadores a.read_more_funder {
        background: #0f74bc;
        color: white;
        padding: 10px 18px;
        text-decoration: none;
        cursor: pointer;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        width: 100%;
        position: relative;
        float: left;
        text-align: center;
        font-size: 1.1em;
        left: -5px;
    }

    .view.view-fundadores .cabecera_founders {
        background: #8cc444;
        color: #000;
        position: relative;
        padding: 7px 20px;
        width: 100%;
        -ms-transform: skewY(-6deg);
        -webkit-transform: skewY(-6deg);
        transform: skewX(-6deg);
        right: 1.1%;
        text-align: center;
    }

    .view.view-fundadores .cuerpo_founders.views-fieldset {
        background: #51667c;
        color: #Fff;
        display: inline-block;
        padding: 7px 20px;
        width: 100%;
        left: -5px;
        position: relative;
    }

    .view.view-involucrate .views-row-odd .derecha_involucrate.views-fieldset {
        position: relative;
        float: left;
        width: 90%;
        padding-left: 2%;
        left: 5%;
    }

    .view.view-involucrate .views-row-even .derecha_involucrate.views-fieldset {
        position: relative;
        float: right;
        width: 90%;
        padding-right: 0%;
        margin-right: 5%;
    }

    .tines_preguntas_plan_bive img {
        display: none;
    }

    a.fondo_guia {
        position: relative;
        float: left;
        width: 100%;
        height: 12em;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .node-type-programas .field.field-name-field-fondo-frase h3 {
        color: white;
        font-size: 4em;
        line-height: 0.7em;
        margin-top: 16px;
        position: relative;
        float: left;
        width: 100%;
    }

    .node-type-programas .field.field-name-field-fondo-frase a {
        position: relative;
        padding: 1px 14px;
        border: 3px solid #88c345;
        display: inline-block;
        margin-top: 0em;
        font-size: 1.8em;
        color: #ffffff;
        border-radius: 15px;
        text-decoration: none;
        cursor: pointer;
        float: right;
        margin-bottom: 15px;
        background: #88c345;
    }

    .view.view-listado-m-dicos-y-servicios .views-row {
        position: relative;
        float: left;
        width: 50%;
        padding-right: 0%;
        margin-bottom: 38px;
        padding-left: 1%;
        min-height: 320px;
    }

    .node-type-proyectos .field-name-field-resultados ul li {
        position: relative;
        float: left;
        width: 100%;
        background: #8cc342;
        height: auto;
        list-style: none;
        padding: 29px 20px;
        color: white;
        text-align: center;
        overflow-y: auto;
    }

    .node-type-proyectos.page-node-1107 .field-name-field-resultados ul li, 
    .node-type-proyectos.page-node-8 .field-name-field-resultados ul li {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        list-style: none;
        padding: 41px 20px;
        color: white;
        text-align: center;
    }

    .node-type-programas.empresas-con-bienestar .field.field-name-field-frase ul li {
        position: relative;
        float: left;
        width: 100%;
        background: #8cc342;
        height: 200px;
        list-style: none;
        padding: 24px 20px;
        color: white;
        font-size: 1em !important;
        text-align: center;
    }

    .field-name-field-imagen-historia .img-responsive{
      max-width: 80%;
      margin-left: auto;
      margin-right:auto;
      margin-bottom: 10px;
    }

    .textos_proyectos_home .views-field.views-field-title a {
        font-size: 1.8em;
    }

    .captcha {
      margin-top: 20px;
    }

.view-nuestro-impacto .views-row .views-field-field-imagen-nuestro-impacto {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}

.view-nuestro-impacto .views-row .views-field-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 56%;
    padding-left: 1%;
}

}

@media screen and (max-width: 595px) {

    .views-field.views-field-field-video-bive-institucional a:before {
        content: '\e91b';
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 5em;
        color: white;
        display: block;
        text-align: center;
        position: absolute;
        top: 31%;
        left: 50%;
        margin-left: -0.5em;
        opacity: 0.7;
        cursor: pointer;
    }

    /*.texto_banner {
       display: none;
    }*/

    .texto_banner .field-content p {
      font-size: 0.8em;
    }

    #block-views-proyectos-inicio-block h2.block-title {
        display: none;
    }

    .view-proyectos-inicio .views-field.views-field-title {
        position: relative;
        float: left;
        width: 100%;
        font-size: 1.5em;
        color: #1475ba;
        margin-bottom: 19px;
        line-height: 1em;
    }

    .aliados h2.block-title {
        color: #374756;
        font-size: 2em;
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 40px;
        margin-bottom: 20px;
        text-align: center;
    }

    .field.field-name-field-imagen-historia.field-type-image.field-label-above {
        position: relative;
        float: left;
        width: 100%;
    }

    .field.field-name-field-historia {
        margin-top: 735px;
        position: absolute;
        float: left;
        width: 100%;
        overflow: auto;
        margin-right: 4%;
    }

    .field.field-name-field-imagen-historia.field-type-image.field-label-above {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 336px;
    }


    .view.view-involucrate .views-field-field-v-deo-involucrate a:before {
        content: '\e91b';
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 4em;
        color: white;
        display: block;
        text-align: center;
        position: absolute;
        top: 20%;
        left: 50%;
        margin-left: -0.5em;
        opacity: 0.7;
        cursor: pointer;
    }

    #block-multiblock-5 .form-item, #block-multiblock-3 .form-item {
        width: 100%;
        position: relative;
        float: left;
        padding: 0% 1%;
    }

    .webform-component--como-te-enteraste-de-bive {
        width: 100% !important;
    }

    section#block-multiblock-4 {
        position: relative;
        float: left;
        width: 50%;
        text-align: center;
        margin-top: 60px;
        margin-bottom: 30px;
    }

    .view.view-listado-m-dicos-y-servicios .view-header {
        position: relative;
        float: left;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 25px;
    }

    .view.view-listado-m-dicos-y-servicios .view-filters {
        position: relative;
        float: left;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 25px;
    }

    p.info_2_.mapa {
        font-size: 2.4em;
        margin: 0px;
        line-height: 0.8em;
        margin-left: 23%;
        margin-bottom: 5px;
        color: #4078bc;
        width: 77%;
    }

    .textos_proyectos_home .views-field.views-field-title a {
        font-size: 1.5em;
    }

    .form-item .help-block {
        width: 400px;
        margin-top:

}

@media screen and (max-width: 530px) {

    .logotipo_div {
        position: relative;
        float: left;
        width: 48%;
        margin-top: 0px;
    }

    section#block-webform-client-block-1161 .form-item, section#block-webform-client-block-31 .form-item {
        width: 100%;
        position: relative;
        float: left;
        padding: 0% 1%;
    }

    .webform-component--como-te-enteraste-de-bive {
        width: 100% !important;
    }

    .view.view-proyectos .views-row {
        position: relative;
        float: left;
        width: 80%;
        margin: 0px 10%;
        margin-bottom: 15px;
    }

    .view.view-proyectos .views-row {
        position: relative;
        float: left;
        width: 90%;
        margin: 0px 5%;
        margin-bottom: 15px;
    }

    .field.field-name-field-nuestro-proposito img {
        position: relative;
        float: left;
        margin-right: 0%;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .field.field-name-field-historia {
        margin-top: 990px;
        position: absolute;
        float: left;
        width: 100%;
        overflow: auto;
        margin-right: 4%;
    }

    .view.view-fundadores .views-row {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

    .view.view-preguntas-frecuentes .views-field-body {
        display: none;
        margin-top: 16px;
        margin-left: 0px;
        margin-bottom: 20px;
        font-size: 1.1em;
    }

    .view.view-listado-m-dicos-y-servicios .views-row {
        position: relative;
        float: left;
        width: 100%;
        padding-right: 0%;
        margin-bottom: 38px;
        padding-left: 1%;
        min-height: auto;
    }

    .view-blog .views-row {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

    .node-type-paginas .field.field-name-body {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    h1.page-header {
        margin-bottom: 10px;
        border-bottom: 0px;
    }

    .textos_proyectos_home .views-field.views-field-title a {
        color: white;
        font-size: 2.6em;
        line-height: 1em;
        text-decoration: none;
        margin-top: 6%;
        position: relative;
        float: left;
        width: 78%;
        margin-bottom: 6%;
    }

    .views-field-field-imagen-inicio .img-responsive {
      width: 100%;
    }

    .texto_banner {
        padding-top: 2%;
    }

}

@media screen and (max-width: 480px) {

    button.navbar-toggle {
        margin-top: -3.5em;
        margin-right: 18px;
    }

    .contenedor_textos_proyectos_home {
        position: absolute;
        top: 7%;
        width: 41%;
        left: 44%;
        z-index: 2;
    }

    .view.view-proyectos .views-row {
        position: relative;
        float: left;
        width: 100%;
        margin: 0px 0%;
        margin-bottom: 15px;
    }

    .view.view-involucrate .views-field-field-v-deo-involucrate a:before {
        content: '\e91b';
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 3em;
        color: white;
        display: block;
        text-align: center;
        position: absolute;
        top: 14%;
        left: 50%;
        margin-left: -0.5em;
        opacity: 0.7;
        cursor: pointer;
    }

    .contacto_datos {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 45px;
    }

    section#block-block-7 {
        width: 100%;
        background: rgba(255, 255, 255, 0.59);
        padding-top: 15px;
        padding-left: 2%;
        padding-bottom: 39px;
        padding-right: 0%;
        display: block;
        float: left;
    }

    section#block-multiblock-4 {
        position: relative;
        float: left;
        width: 72%;
        text-align: center;
        margin-top: 80px;
        margin-bottom: 30px;
    }

    .pagina_involucrate .page-header, 
    .node-type-programas .page-header, 
    .node-type-con-cenos .page-header, 
    .node-type-proyectos .page-header {
        font-size: 1.7em;
        padding: 20px;
        width: 70%;
        padding: 9px 10px;
    }

    a.fondo_guia {
        position: relative;
        float: left;
        width: 100%;
        height: 10em;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    div#edit-field-especialidad-tid-wrapper {
        width: 100%;
    }

    div#edit-field-municipio-tid-wrapper {
        width: 100%;
        margin-top: 20px;
    }

    .view-m-dicos-y-servicios .views-exposed-form .views-exposed-widget .btn, 
    .view-listado-m-dicos-y-servicios .views-exposed-form .views-exposed-widget .btn {
        height: 50px;
        font-size: 20px;
        margin-top: 1em;
        border-radius: 11px !important;
        padding: 10px 15px;
        background: #7290c4;
        border: 0px;
        outline: none;
    }

    .node-type-programas.programa-bive-cafetero .field.field-name-field-imagen-programa-2 {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 0px;
        z-index: 0;
        margin-bottom: 25px;
        margin-top: 0px;
    }

    .node-type-programas .field.field-name-field-fondo-frase {
        position: relative;
        float: left;
        width: 100%;
        max-height: 600px !important;
        overflow: hidden;
        min-height: auto !important;
        background-attachment: fixed !important;
        height: auto !important;
    }

    .field.field-name-field-historia {
        margin-top: 950px;
        position: absolute;
        float: left;
        width: 100%;
        overflow: auto;
        margin-right: 4%;
    }

    .view-objetivos-de-desarrollo-sostenible .views-row .views-field-field-imagen-del-objetivo {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
        width: fit-content;
        margin-bottom: 10px;
    }

    .view-objetivos-de-desarrollo-sostenible .views-row {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom:40px
    }

    .view-objetivos-de-desarrollo-sostenible .views-field.views-field-body {
        text-align: center;
    }

    .views-field-field-imagen-del-objetivo .img-responsive{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .view.view-banner .view-content .views-row {
        width: 100%;
    }

    .texto_banner .field-content p {
      font-size: 0.8em;
    }

    .texto_banner .field-content .ver_mas_banner{
        font-size: 0.7em;
    }

    .footer .form-item .help-block {
        width: 300px;
    }


.view-nuestro-impacto .views-row .views-field-field-imagen-nuestro-impacto {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.view-nuestro-impacto .views-row .views-field-field-imagen-nuestro-impacto img {
   margin:0 auto;
}

.view-nuestro-impacto .views-row .views-field-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding-left: 0%;
}

.view-nuestro-impacto .views-row {
    margin-bottom:1.5em
}

.field.field-name-field-imagen-impacto {
    margin-bottom: 35px;
}
    

}

@media screen and (max-width: 435px) {

    .logotipo_div {
        position: relative;
        float: left;
        width: 55%;
        margin-top: 0px;
    }

    .view.view-banner .views-row {
        position: relative;
        display: flex;
        width: 75%;
    }


    .tines_preguntas_plan_bive h4 {
        color: white;
        font-size: 3em;
        line-height: 1.1em;
        margin-top: 1.3em;
        position: relative;
        float: left;
        margin-left: 10%;
    }

    a.fondo_guia {
        position: relative;
        float: left;
        width: 100%;
        height: 7em;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .texto_banner .field-content p {
      font-size: 0.7em;
    }

    .form-item .help-block {
        width: 300px;
    }

    .footer .form-item .help-block {
        width: 300px;
    }


}

@media screen and (max-width: 380px) {

    button.navbar-toggle {
        margin-top: -3.2em;
        margin-right: 18px;
    }

    .field.field-name-field-historia {
        margin-top: 890px;
        position: absolute;
        float: left;
        width: 100%;
        overflow: auto;
        margin-right: 4%;
    }

    .webform-component--tratamiento-de-datos-personales .help-block {
        width: 240px;
    }

    .texto_banner .field-content p {
      font-size: 0.6em;
    }

    .form-item .help-block {
        width: 270px;
    }

    .footer .form-item .help-block {
        width: 270px;
    }

}


@media screen and (max-width: 360px) {

    .field.field-name-field-historia {
        margin-top: 883px;
        position: absolute;
        float: left;
        width: 100%;
        overflow: auto;
        margin-right: 4%;
    }

    .tines_preguntas_plan_bive h4 {
        color: white;
        font-size: 2.8em;
        line-height: 1.1em;
        margin-top: 1.3em;
        position: relative;
        float: left;
        margin-left: 6%;
    }
}

@media screen and (max-width: 340px) {

    .view-proyectos-inicio .views-field.views-field-title {
        position: relative;
        float: left;
        width: 100%;
        font-size: 1.3em;
        color: #1475ba;
        margin-bottom: 19px;
        line-height: 1em;
    }

    .field.field-name-field-historia {
        margin-top: 905px;
        position: absolute;
        float: left;
        width: 100%;
        overflow: auto;
        margin-right: 4%;
    }

    #edit-submitted-subject {
      width: 100%;
    }

    .node-type-programas .field.field-name-field-fondo-frase h3 {
        color: white;
        font-size: 3em;
        line-height: 0.7em;
        margin-top: 16px;
        position: relative;
        float: left;
        width: 100%;
    }

    .node-type-programas .field.field-name-field-fondo-frase a {
        position: relative;
        padding: 1px 14px;
        border: 3px solid #88c345;
        display: inline-block;
        margin-top: 17px;
        font-size: 1.8em;
        color: #ffffff;
        border-radius: 15px;
        text-decoration: none;
        cursor: pointer;
        float: right;
        margin-bottom: 15px;
        background: #88c345;
    }

    .textos_proyectos_home .views-field.views-field-title a {
        font-size: 2.0em;
    }

    .texto_banner .field-content p {
      font-size: 0.5em;
    }

    .form-item .help-block {
        width: 250px;
    }

    .footer .form-item .help-block {
        width: 250px;
    }


}

@media screen and (max-width: 320px) {
    .field.field-name-field-historia {
        margin-top: 880px;
        position: absolute;
        float: left;
        width: 100%;
        overflow: auto;
        margin-right: 4%;
    }
}