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

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

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

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

.columx1{
    max-width: 400px;
}

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

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

.columx2{
    max-width: 400px;
    
}

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

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

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

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

.columx3{
    max-width: 400px;
}

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

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

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

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

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

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

.copyright{
    color: #C7C7C7;
}

.copyright a{
    text-decoration: none;
    color: rgb(0, 0, 0);
    font-weight: bold;
}

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


@media screen and (max-width: 1100px){
    
    .container-bodys{
        flex-wrap: wrap;
    }
    
    .columx1{
        max-width: 100%;
    }
    
    .columx2,
    .columx3{
        margin-top: 40px;
    }
}