*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: sans-serif;
}

footer{
    position: relative;
    width: 100%;
    background: #3C113F;
    color: white; 
    bottom: -10px;  
    margin-bottom: 0px;
    
}

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

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

.colum1{
    max-width: 400px;
}

.colum1 h1{
    position: relative;
    left: 100px;
    font-size: 22px;
}

.colum1 p{
    position: relative;
    left: 100px;
    font-size: 14px;
    color: #C7C7C7;
    margin-top: 20px;
}

.colum2{
    max-width: 400px;
    
}

.colum2 h1{
    position: relative;
    left: 40px;
    font-size: 22px;
}

.red{
    position: relative;
    left: 40px;
    margin-top: 20px;
    display: flex;
}

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

.red label{
    margin-top: 10px;
    margin-left: 20px;
    color: #C7C7C7;
}
#img1 {
    position: relative;
    bottom: 56px;
    left: 100px;
}
#img2 {
    position: relative;
    bottom: 112px;
    left: 160px;
}
#img3 {
    position: relative;
    bottom: 168px;
    left: 220px;
}
.colum3{
    max-width: 400px;
}

.colum3 h1{
    position: relative;
    left: 70px;
    font-size: 22px;
}

.row2{
    position: relative;
    left: 70px;
    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: #3C113F;
    border-top: solid 0.5px;color-border: white;
}

.footer{

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

.copyright{
    color: #C7C7C7;
}

.copy a{
    text-decoration: none;
    color: white;
    font-weight: bold;
}

.informacion a{
    text-decoration: none;
    color: #C7C7C7;
}


@media screen and (max-width: 1100px){
    
    .container-body{
        flex-wrap: wrap;
    }
    
    .colum1{
        max-width: 100%;
    }
    
    .colum2,
    .colum3{
        margin-top: 40px;
    }
}
@media screen and (max-width: 1100px){
    
    .container-body{
        flex-wrap: wrap;
    }
    
    .colum1{
        max-width: 100%;
    }
    
    .colum2,
    .colum3{
        margin-top: 40px;
    }
}

@media screen and (max-width: 1100px){
    
    .container-body{
        flex-wrap: wrap;
    }
    
    .colum1{
        max-width: 100%;
    }
    
    .colum2,
    .colum3{
        margin-top: 40px;
    }
}

@media screen and (max-width: 1100px){
    
    .container-body{
        flex-wrap: wrap;
    }
    
    .colum1{
        max-width: 100%;
    }
    
    .colum2,
    .colum3{
        margin-top: 40px;
    }
}

@media screen and (max-width: 1100px){
    
    .container-body{
        flex-wrap: wrap;
    }
    
    .colum1{
        max-width: 100%;
    }
    
    .colum2,
    .colum3{
        margin-top: 40px;
    }
}