footer{
    width: 100%;
    background: #202020;
    color: white;
  
}

.container-footer-all{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 40px;
}

.container-body{
    display: flex;
    justify-content: space-between;
}

.columna1{
    max-width: 400px;
}

.columna1 h3{
    font-size: 22px;
}

.columna1 p{
    font-size: 14px;
    color: #c7c7c7;
    margin-top: 20px;
    text-align: justify;

}

.columna2{
    max-width: 400px;
}

.columna2 h3{
    font-size: 22px;
}

.columna2 .row{
    margin-top: 20px;
    display: flex;
}

.row img{
    width: 36px;
    height: 36px;
}

.row label{
    margin-top: 10px;
    margin-top: 10px;
    color: #c7c7c7;
}

.columna3{
    max-width: 400px;
}

.columna3 h3{
    font-size: 22px;    
}

.row2{
    margin-top: 20px;
    display: flex;

}

.row2 img{
    width: 36px;
    height: 36px;
}

.row2 label{
    margin-top: 10px;
    margin-left: 20px;
    max-width: 140px;
}

.container-footer{
    width: 100%; 
    background: #101010;
    
}

.footer{
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.copyright{
    color: #c7c7c7;

}

.copyright a{    
    text-decoration: none;
    color: w#c7c7c7;
    font-weight: bold;
}

.information a{
    text-decoration: none;
    color: #c7c7c7;
}

@media screen and (max-width: 1100px){
    .container-body{
        flex-wrap: wrap;
    }

    .columna1{
        max-width: 100%;
    }
    .columna2
    .columna3{
        margin-top: 40px;
    }
}