/****COLORES***********----------------------------------*******/

:root {--main: #bc964f; --negro: rgb(10, 10, 10); --blanco: #ffffff;}

footer{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    width: 100%;
    padding: 50px 8%;
    background-image: url(../img/footer2.jpg);
    background-repeat: repeat;
    background-position: center bottom;
    text-align: center;
    color: rgb(252, 252, 252);
    font-size: .9rem;
}

.colum{
    width: 100%;
}

.links{
    text-align: left;
}

.links a{
   display: block;
   text-decoration: none;
   color: rgb(252, 252, 252);
   margin: 8px 0;
   transition: transform .2s ease;
}

.links a:hover{
    transform: translate(4px);
}

.news{
    text-align: left;
}


/*********INPUT************************/

.mail{
    padding: 10px;
    border-radius: 5px;
    border: none;
    margin-bottom: 10px;
}

form button{
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    background: var(--main);
}

form button:hover{
    background: white;
}

footer ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

footer li{
    list-style: none;
    margin: 5px;
    cursor: pointer;
}

footer li:hover{
    transform: scale(1.04);
}

.contactos img{
    height: 25px;
}

/*******COPYRIGHT*****/

.copy{
   display: flex;
   color: var(--blanco);
   font-size: .6rem;
   margin-left: 30px;
   padding: 15px 0;
}

.copy a{
    text-decoration: none;
    margin: 0 10px;
    color: #454545;
}

.copy a:hover{
    color: #4D961C;
}



@media screen and (max-width:730px){
    footer{
        grid-template-columns: 1fr;
        
    }
    .colum{
        text-align: center;
        margin-bottom: 20px;
    }
    .contactos{
        padding: 0 20px 20px 20px;
    }

    .colum h3{
        margin-top: 10px;
    }
   
}