.site-footer {

    background-color: var(--color--slate-gray);

    color: var(--color--white);

    font-size: 18px;

    padding: 44px 0 76px;

}





.site-footer .container {

    display: grid;

    grid-column-gap: 30px;

    grid-template-columns: repeat(3, 1fr);

}





.site-footer .links:first-child {

    grid-column-start: span 2;

}



.site-footer .links:first-child ul {

    display: flex;

    flex-wrap: wrap;

}



.site-footer .links:first-child ul:first-child {

    font-weight: 500;

    margin-bottom: 14px;

    text-transform: uppercase;

}



.site-footer .links:first-child ul:first-child li {

    display: flex;

}



.site-footer .links:first-child ul:first-child li:not(:last-child) {

    margin-right: 16px;

}



.site-footer .links:first-child ul:first-child li:not(:last-child)::after {

    content: "/";

    margin-left: 16px;

}



.site-footer .links:first-child ul:last-child li:not(:last-child) {

    margin-right: 48px;

}



.site-footer .links:last-child {

    display: flex;

    font-weight: 500;

    justify-content: flex-end;

    text-transform: uppercase;

}



.site-footer .links:last-child li:not(:last-child) {

    margin-bottom: 14px;

}