@media (max-width: 600px) {
    
    .page-node-309,
    .page-node-376 {
        background-color: #F9F6EF;
    }
    
    #field-image-como-lo-hacemos img{
        width: 100%;
    }
    
    .page-node-309 .descripcion-panel,
    .page-node-376 .descripcion-panel {
        width: auto !important;
    }
    #titulo-como-lo-hacemos {
        display: none;
    }
    #copy-como-lo-hacemos{
        display: none;
    }
    #panel1-como-lo-hacemos .subtitulo-panel{
        font-family: "roboto",sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #DE483D;
        text-align: center;
        margin: 50px 0px 12px 0px;
    }
    #panel1-como-lo-hacemos .titulo-panel{
        font-family: "roboto",sans-serif;
        font-weight: 700;
        font-size: 26px;
        color:#1B3C6C;
        text-align: center;
        margin: 12px 12px 25px 12px;
    }
    #panel1-como-lo-hacemos .descripcion-panel{
        font-family: "roboto",sans-serif;
        font-weight: 500;
        font-size: 18px;
        color:#707070;
        text-align: center;
        margin: 25px 12px;
        line-height: 22px;
    }
    #copy-como-lo-hacemos{
        font-family: "roboto",sans-serif;
        font-weight: 700;
        font-size: 20px;
        color:#DE483D;
        text-align: center;
        margin: 25px 0px;
    }
    #panel1-como-lo-hacemos
    {
        width: 100%;
        /*padding: 0 12px 0 12px;*/
    } 
    #numero-1,
    #numero-2,
    #numero-3,
    #numero-4,
    #numero-5 {
        width: 100px;
        margin: 0 auto;
        width: 100px;
        margin: 0 auto;
        margin-bottom: -50px;
    }
    #bloque1-info,
    #bloque2-info,
    #bloque3-info,
    #bloque4-info,
    #bloque5-info {
        background-color: white;
        border-radius: 20px;
        margin: 0 12px;
        padding: 60px 12px 12px 12px;
    }
    .page-node-309 .titulo-bloque,
    .page-node-376 .titulo-bloque {
        font-family: "roboto",sans-serif;
        font-weight: 700;
        font-size: 20px;
        color:#DE483D;
        text-align: center;
        margin: 25px 0px;
        text-transform: uppercase;
        line-height: 22px;
        margin-top: 0px;
    }
    .page-node-309 .cuerpo-de-texto,
    .page-node-376 .cuerpo-de-texto {
        font-family: "roboto",sans-serif;
        font-weight: 500;
        font-size: 18px;
        color:#707070;
        text-align: center;
        margin: 25px 0px;
        line-height: 26px;
        margin-top: 0px;
    }
    #herramientas,
    #herramientas-info {
        display: none;
    }
    #bloque1-como-lo-hacemos,
    #bloque2-como-lo-hacemos,
    #bloque3-como-lo-hacemos,
    #bloque4-como-lo-hacemos,
    #bloque5-como-lo-hacemos {
        width:100% !important;
        margin-top: 50px !important;
        margin-bottom: 0px !important;
    }
    #flecha1-bloque,
    #flecha2-bloque,
    #flecha3-bloque,
    #flecha4-bloque {
        display: none;
    }
    #bloque5-wrapper-info{
        width:100% !important;
    }
    .field-name-field-body-comolo-hace{
        background: url(/sites/all/themes/YQYP_theme/assets/images/fondo-panel1-clh.png);
        background-size: cover;
        padding-bottom: 50px;
    }
    
    .field-name-field-view-nues-pogra-clh .field-label{
        font-family: "roboto",sans-serif;
        font-weight: 700;
        font-size: 26px;
        color: #1B3C6C;
        text-align: center;
        text-transform: uppercase;
        margin: 50px 12px 12px 12px
    }
    .field-name-field-view-nues-pogra-clh .view-header {
        font-family: "roboto",sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #707070;
        text-align: center;
        margin: 25px 12px;
        line-height: 22px;
        margin-top: 12px;
    }
    .field-name-field-view-nues-pogra-clh img {
        width: 100px;
        height: 100px;
        border-radius: 60px;
        border: solid 4px #E1C0A9;
    }
    .field-name-field-view-nues-pogra-clh .views-field-title {
        padding-top: 15px;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        height: 92px;
        text-transform: uppercase;
        /*text-decoration: underline;*/
        margin-left: 140px;
        line-height: 24px;
        margin-top: 25px;
        color: #555555;
        padding-right: 12px;
    } 
    .page-node-309 .views-field-field-foto-programa-destacado,
    .page-node-376 .views-field-field-foto-programa-destacado {
        float:left;
        margin-left: 12px;
    }
    .page-node-309 .view-footer a,
    .page-node-376 .view-footer a {
        display: block;
        padding: 14px 40px;
        background-color: #de483d;
        text-align: center;
        width: auto;
        box-sizing: border-box;
        border-radius: 5px;
        color: white;
        text-transform: uppercase;
        font-size: 14px;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        margin: 25px 12px;
    }
    .field-name-field-bloque-rojo-clh {
        background-color: #DE483D;
        padding: 25px 12px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .field-name-field-bloque-rojo-clh .cuerpo-de-texto{
        font-family: "roboto",sans-serif;
        font-weight: 400;
        font-size: 18px;
        color: #FFFFFF;
        text-align: center;
        margin: 25px 12px;
        line-height: 20px;
    }
    .field-name-field-bloque-rojo-clh .boton-azul a{
        display: block;
        padding: 14px 40px;
        background-color: #1B3C6C;
        text-align: center;
        width: auto;
        box-sizing: border-box;
        border-radius: 5px;
        color: white;
        text-transform: uppercase;
        font-size: 14px;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        margin: 0 auto;
    }
}