footer {
left: 0;
right: 0;
bottom: 0;
position: relative;
background: var(--white);
}
footer a:hover, 
footer a:focus, 
footer a:active{
text-decoration: none;
border: 0px;
} footer .links  {
margin: 30px 0;
}
@media (min-width: 1200px) {
footer .links  {
margin: 45px 0;
}
}   
footer .links a {
font-size: 2rem;
line-height: 2.5rem;
font-weight: 300;
text-decoration: none;
color: var(--color);
border: 0px;
}
@media (min-width: 1200px) {
footer .links a {
font-size: 2.5rem;
line-height: 3.5rem;
}
}
footer .links a:hover, 
footer .links a:focus, 
footer .links a:active {
color: var(--color);
text-decoration: none;
border: 0px;
} footer .social {
list-style: none;
margin: 0;
margin-bottom: 30px;
padding: 0;
text-align: left;
}
@media (min-width: 1200px) {
footer .social {
margin: 0;
margin-top: 50px;
text-align: right;
}
} footer .social li {
display: inline-block;
vertical-align: middle;
margin: 0;
margin-right: 15px;
}
@media (min-width: 1200px) {
footer .social li {
display: block;
margin: 0;
margin-top: 15px; 
}
} footer .social li a {
display: block;
font-size: 20px;
line-height: 50px;
color: white;
text-align: center;
background:var(--color);
width: 50px;
height: 50px;
border-radius: 25px;
}
@media (min-width: 1200px) {
footer .social li a {
display: inline-block;
font-size: 25px;
line-height: 50px;
}
footer .social li a:hover {
background: var(--color);
color: var(--white);
}
}
footer .social li a i.fa {
color: var(--white);
} footer .legales {
margin-bottom: 0;
}
@media (min-width: 1200px) {
footer .legales {
margin-bottom: 0;
}
}
footer .legales a {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
color: var(--color);
text-decoration: none;
display: block;
}
@media (min-width: 1200px) {
footer .legales a {
font-size: 1.25rem;
line-height: 1.25rem;
display: inline-block;
margin-right: 1rem;
}
}
footer .legales a:hover {
text-decoration: none;
color: var(--gray);
} footer .copy {
font-size: 14px;
line-height: 14px;
color: var(--gray);
margin: 5vw 0 7.5vw;
}
@media (min-width: 1200px) {
footer .copy {
margin: 1vw 0 2.5vw;
}
} footer .logo {
display: none;
}
@media (min-width: 1200px) {
footer .logo {
height: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
footer .logo a {
font-size: 30px;
line-height: 30px;
font-weight: 700;
color: var(--color);
text-decoration: none;
margin-bottom: 2.5vw;
}
footer .logo a:hover {
color: var(--color);
text-decoration: none;
}
}