
footer{
    
    width: 100%;
    background: #202020;
    color: white;
    /* margin-top: 1.75em;  */
    
 
}

.container-footer-all{     
    width: 100%;
    max-width: 80%;
    margin: auto;
    padding: 10px;

   
}
.container-under{
    background-image: url(/images/marcadeagua2.png);
    background-size: 40em ;
    background-position: center;
    background-repeat: no-repeat;
    display: flex; 
    padding-top: 20px;
    justify-content: space-between;

   
}

@media screen and (max-width: 50em){
    .container-under{
        background-size: 100%;

        
    }
}





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

}

.colum1{
    text-align: justify;
  max-width: 400px;
    
}


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

.colum1 p{
    font-size: 16px;
    color: #ffff;
    margin-top: 1.25em;
}

.colum2{
    max-width: 400px;

  
    
}

.colum2 h1{
    font-size: 1.375em;
}

.row{
    /* margin-top:20px; */
    /* display: flex; */
    
    display: table;
    
}
.row a{
    display: table-row;
    padding-top: 20px;

}
.row img{
    width: 2.25em;
    height: 2.25em;
}
.row label{
    color: white;
}

.row label, .row a{
    padding-inline: 20px;
    justify-content: space-between;
    display:flex;
    align-items: center;
}

.colum3{
     max-width: 400px; 
     }

.colum3 h1{
    
    font-size: 1.375em;
}

.row2{
    margin-top: 1.25em;
    display: flex;
}

.row2 img{
    width: 2.25em;
    height: 2.25em;
}

.row2 label{
    margin-top: 0.625em;
    margin-left: 1.25em;
    max-width: 8.75em;
}

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

.footer{
    max-width: 80%;
    margin: auto;
    display: flex;
    justify-content: space-between;  
    padding: 3px;
}

.copyright{
    color: #C7C7C7;
   
}

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

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


@media screen and (max-width: 68.75em){
    
    .container-body{
        padding: 10px;
        flex-wrap: wrap;
        align-items: center;
    }
    .container-footer-all{
        margin-top: em;
    }
    
    .colum1{
        max-width: 100%;
        margin-left: 0.625em;
        font-size: 20px;
        
    }

    .colum1 h1{
        text-align: center;
        font-size: 35px;
    }

    .colum1 p{
        text-align: justify;
        font-size: 20px;
        color: white;
    }
    
    .colum2,
    .colum3{
        margin-top: 2.5em;
        
    }


    .row{
        
        justify-content: space-evenly;
    }    
    .row label{
        
        color: white;
        font-size: 20px;
        
        
    }

    .container-under{
        width: 100%;
    }

    .row2 {
        margin-left: -10px;
        font-size: 15px;
    }

    .footer{
        max-width: 100%;
    }

    .copyright{
        font-size: 15px;
    }
   
}

