wehub-resource-sync
52 lines
868 B
CSS
52 lines
868 B
CSS
.foot {
|
|
padding: 48px 40px 32px;
|
|
background: var(--abyss);
|
|
border-top: 1px solid var(--charcoal);
|
|
}
|
|
.row {
|
|
max-width: 1440px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 24px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.mark {
|
|
font-size: 20px;
|
|
font-weight: 900;
|
|
letter-spacing: -0.01em;
|
|
text-transform: uppercase;
|
|
}
|
|
.links {
|
|
display: flex;
|
|
gap: 28px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.links a {
|
|
font-size: 13px;
|
|
letter-spacing: 0.12px;
|
|
text-transform: uppercase;
|
|
color: var(--steel);
|
|
}
|
|
.links a:hover {
|
|
color: var(--gold);
|
|
}
|
|
.fine {
|
|
max-width: 1440px;
|
|
margin: 32px auto 0;
|
|
font-size: 11px;
|
|
letter-spacing: 0.96px;
|
|
color: var(--ash);
|
|
text-transform: uppercase;
|
|
}
|
|
@media (max-width: 640px) {
|
|
.foot {
|
|
padding: 32px 20px 24px;
|
|
}
|
|
.row {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
}
|
|
}
|