.footer {
    padding: 1rem;
    margin-top: 6rem;
}

.footer.margin-bottom {
    margin-bottom: var(--audio-player-height, 5rem);
}

.footer-cta {
    grid-column: 1/-1;
    border-top: 1px solid black;
    padding: 0.25rem 0;
    margin-bottom: 3rem;
}

.footer-content {
    padding: 0.25rem 0;
    grid-column: 1/-1;
    border-top: 1px solid black;
}

.footer-content-title {
    grid-column: 1/-1;
    margin-bottom: 2rem;
}

.footer-content-menu,
.footer-content-contacts {
    grid-column: 1/-1;
}

.footer-content-support {
    margin-top: 2rem;
    grid-column: 1/-1;
}

.footer-content-support-text {
    margin-bottom: 1em;
}

.footer-content-support-logos {
    display: flex;
    gap: 1rem;
}

.footer-content-support-logos .logo {
    height: 2rem;
    width: auto;
    max-width: 8rem;
}

.footer-credits {
    margin-top: 2rem;
    grid-column: 1/-1;
}

.footer-credits-design,
.footer-credits-translation,
.footer-credits-issn {
    grid-column: 1/-1;
}

.footer-credits-copyright {
    grid-column: 13/18;
}

/* > Tablet (> 640px) */
@media screen and (min-width: 40rem) {
    .footer {
        padding: 0.5rem;
    }

    .footer-cta {
        grid-column: span 6;
    }

    .footer-content-menu,
    .footer-content-contacts {
        grid-column: 1/7;
    }

    .footer-content-support {
        margin-top: 0;
        grid-row: 2/4;
        grid-column: 7/-1;
    }
}


/* > Desktop (> 1024px) */
@media screen and (min-width: 64rem) {
    .footer {
        row-gap: 2rem !important;
    }

    .footer-cta {
        grid-column: span 8;
    }

    .footer-content-title {
        grid-column: 1/13;
        margin-bottom: 2rem;
    }

    .footer-content-menu,
    .footer-content-contacts {
        grid-column: 2/13;
    }

    .footer-content-support {
        grid-row: 2/4;
        grid-column: 13/-1;
    }

    .footer-credits-issn {
        grid-column: 1/4;
    }

    .footer-credits-translation {
        grid-column: 4/13;
    }

    .footer-credits-design {
        grid-column: 13/18;
    }

    .footer-credits-copyright {
        grid-column: 13/18;
    }

}