footer {
    background-color: var(--section-title-color);
    padding: 58px 84px 18px;
}

/* --- START SOCIAL NETWORKS */

#social-networks {
    display: flex;
    gap: 55px;
    justify-content: center;
    margin-bottom: 20px;
}

#social-networks img {
    height: 41px;
    width: 41px;
}

@media only screen and (min-width: 1024px) {

}

/* --- END SOCIAL NETWORKS */

/* --- START LEGALS */

#legals {
    color: var(--white-color);
    font-size: var(--font-size-small);
    text-align: center;
}

#legals > span + span::before {
    content: ' | ';
}

/* --- END LEGALS */