footer{
padding:var(--gt2) var(--gap);
}
.ft-cols{
max-width:var(--pw1);
margin:0 auto 60px;
display:grid;
grid-template-columns:auto auto auto;
justify-content:space-between;
gap:var(--gap);
}
.ft-info .logo{
width:280px;
margin-bottom:20px;
}
.ft-info p{
color:var(--cl3);
line-height:var(--lh3);
}
.ft-lists{
display:contents;
}
.ft-list h4{
color:var(--cl1);
font-family:var(--ff1);
font-size:var(--fz1);
font-weight:var(--fw2);
text-transform:uppercase;
letter-spacing:var(--ls2);
margin-bottom:28px;
}
.ft-list a{
display:table;
font-family:var(--ff1);
color:var(--cl3);
margin:26px 0;
}
.ft-list a:hover{
color:var(--cl2);
}
.ft-base{
max-width:var(--pw1);
margin:0 auto;
text-align:center;
font-family:var(--ff1);
color:var(--cl4);
font-size:var(--fz1);
}