/*----------------estilo del footer----------------*/
footer{
    width: 100%;
    background: #202020;
    color: white;  
    margin-top: 100px; 
}

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

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

.colum1{
    max-width: 400px;
}

.colum1 h1{
    font-size: 22px;
}

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

.colum2{
    max-width: 400px;
    
}

.colum2 h1{
    font-size: 22px;
}

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

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

.row label{
    margin-top: 10px;
    margin-left: 20px;
    color: #C7C7C7;
}

.colum3{
    max-width: 400px;
}

.colum3 h1{
    font-size: 22px;
}

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

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

.row2 label{
    margin-top: 10px;
    margin-left: 20px;
  margin-right: 50px;
    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: white;
    font-weight: bold;
}

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

.redes{
    display: flex;
    justify-content: center;
    position: relative;
    top: -40px;
}

.redes a{
    max-width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: -25px;

}



.redes .social img{
    min-width: 70%;
    max-width: 50%;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tiktok{
 background: #454545;
    border-radius: 50%;
}

.instagram{
 background: #ad5192;
    border-radius: 50%;
}

.facebook{
 background: #3b5998;
    border-radius: 50%;
}

.twitter{
 background: #03a9f4;
    border-radius: 50%;
}

.container-footer{
    display: flex;
    align-items: center;
    flex-direction: column;
}


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

    .container-body h1{
        font-size: 70px;
    }

    .container-body p{
        font-size: 40px;
    }

    .container-body label{
        font-size: 30px;
    }
    
    .container-body{
        flex-wrap: wrap;
     flex-direction: column;
    }
    
    .colum1{
        max-width: 100%;
    }
    
    .colum2,
    .colum3{
        margin-top: 40px;
        min-width: 100%;
    }

    .colum2 label,
    .colum3 label
    {
        min-width: 80%;
        font-size: 35px;
    }

    .colum2 img{
       width: 100%;
    }

    .row img,
    .row2 img{
        width: 70px;
        height: 70px;
    }

    .copyright{
        font-size: 50px;
    }

     .redes .social{
         min-width: 100%;
         margin-bottom: 200px;
         margin-top: 50px;
     }

    .redes .social img{
    min-width: 60%;
    max-width: 50%;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
}