
#capa1Footer{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fafefe;
}


.imgCapa1Footer{
    position: relative;
    width: 450px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#capa2Footer{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #000;
    background-image: url(../imagenes/fondoFooter.png);
    background-size: cover;
    background-repeat: no-repeat;
}

    .fila1Capa2Footer{
        position: relative;
        width: 100%;
        height: 50px;
       
    }

    .fila2CapaFooter{
        position: relative;
        height: auto;
        width: 80%;
        display: inline-table;
        margin-left: 10%;
        margin-right: 10%;
    }

    .colCapaFooter{
        float: left;
        width: 25%;
        height:auto ;
        display: inline;
    }

        .iconFooter{position: relative; width: 60px; height: auto; display: block; margin-left: auto; margin-right: auto; }
        .txt1Footer{position: relative; text-align: center; font-size: 1.5em; color:#fff}


        .social{width: 50px; height: auto;}


@media screen and (min-width: 1px) and (max-width: 360px) {
    .iconFooter{ width: 30px;  }
    .imgCapa1Footer{width: 300px;}
    .fila2CapaFooter{width: 100%;margin-left: 0%; margin-right: 0%;}
    .colCapaFooter{ position: relative; width: 100%; height:140px;}
    .social{width: 30px; }
    .txt1Footer{font-size: 1.2em;}

}


@media screen and (min-width: 361px) and (max-width: 640px) {
    .iconFooter{ width: 30px;  }
    .imgCapa1Footer{width: 300px;}
    .fila2CapaFooter{width: 100%;margin-left: 0%; margin-right: 0%;}
    .colCapaFooter{ position: relative; width: 100%; height:140px;}
    .social{width: 30px; }
    .txt1Footer{font-size: 1.2em;}

}



@media screen and (min-width: 641px) and (max-width: 960px) {

    .iconFooter{ width: 30px;  }
    .imgCapa1Footer{width: 300px;}
    .fila2CapaFooter{width: 100%;margin-left: 0%; margin-right: 0%;}
    .colCapaFooter{ position: relative; width: 100%; height:140px;}
    .social{width: 30px; }
    .txt1Footer{font-size: 1.2em;}

}


@media screen and (min-width: 961px) and (max-width: 1210px) {
    .iconFooter{ width: 30px;  }
    .imgCapa1Footer{width: 300px;}
    .fila2CapaFooter{width: 100%;margin-left: 0%; margin-right: 0%;}
    .colCapaFooter{ position: relative; width: 100%; height:140px;}
    .social{width: 30px; }
    .txt1Footer{font-size: 1.2em;}
}