.site-footer {
    background: url("../../media/footer-bg.jpg") no-repeat center top var(--global-primary-colour);
    background-size: cover;
    color: var(--global-secondary-colour);
    font-size: 1.45rem;
    line-height: 2.7rem;
    margin-top: 90px;
}

.site-footer h5,
.site-footer a {
    color: var(--global-secondary-colour);
    text-decoration: none;
}

.site-footer a:hover {
    color: var(--global-accent-colour);
}

.site-footer p {
    margin: 0;
}
.site-footer__navigation {
    margin-top: 40px;
}

.social-navigation ul,
.site-footer__navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-footer__navigation ul > li {
    list-style: none;
    padding: 0;
}
.site-footer__navigation ul > li a {
    color: var(--global-secondary-colour);
}

.site-footer__buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-end;
}

.social-navigation {
    margin-top: 60px;
}
.social-navigation ul {
    align-items: center;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
}

.social-navigation ul > li,
.social-navigation ul > li a {
    align-items: center;
    background-color: var(--global-secondary-colour);
    border-radius: 100%;
    color: var(--global-primary-colour);
    display: flex;
    font-size: 2.5rem;
    height: 48px;
    justify-content: center;
    padding: 0;
    width: 48px;
}

@media screen and (max-width: 823px) {
    .site-footer__column,
    .social-navigation {
        margin-top: 30px;
    }

    .social-navigation ul {
        justify-content: center;
    }
}