.site-footer-content {
    padding: 12px 40px;
    background-color: var(--tertiary-color);
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    gap: 1rem;
}

.site-footer-content__mamus-icon-rights {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    max-width: 20%;
}

.mamus-icon-rights__rights {
    text-align: center;
}

.site-footer-content__contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    max-width: 30%;
}

.contact__title, .social-media__title {
    text-align: center;
    color: var(--accent-color);
}

.contact__contact-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.contact-list__contact-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 1rem;
}

.contact-list__contact-item .fa-solid {
    min-width: 32px;
    text-align: center;
}

.site-footer-content__social-media {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    max-width: 10%;
}


.social-media__social-media-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}


.social-media__facebook, .social-media__instagram, .social-media__youtube {
    transition: 0.2s ease-in;
}

.social-media__facebook:hover, .social-media__instagram:hover, .social-media__youtube:hover {
    color: var(--primary-color);
}

.site-footer-content__mamus-icon-rights .site-logo {
    max-width: max-content;
}

@media (max-width: 767px) {
    .site-footer-content {
        flex-direction: column;
        gap: 3rem;
    }

    .site-footer-content__mamus-icon-rights, .site-footer-content__contact, .site-footer-content__social-media {
        width: 100%;
        max-width: 100%;
    }

    .contact__title, .social-media__title {
        min-width: 20%;
    }

    .contact__contact-list, .social-media__social-media-list {
        min-width: 75%;
    }

    .social-media__social-media-list {
        flex-direction: row;
        gap: 3rem;
    }
}