/* ---------- FOOTER MEDIA QUERIES (for every page) ---------- */


@media (max-width: 1100px) {
    .credits {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
    }

    .credits .left,
    .credits .center,
    .credits .right {
        margin: 0;
        justify-self: center;
        text-align: center;
    }

    .credits .right {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .credits {
        padding: 3px 0 6px 0;

    }
}

@media (max-width: 745px) {
    .credits p {
        font-size: calc(var(--afterfooter-font-size) * 0.9);
    }
}

@media (max-width: 625px) {
    .credits p {
        font-size: calc(var(--afterfooter-font-size) * 0.65);
    }
}

@media (max-width: 435px) {
    .credits p {
        font-size: calc(var(--afterfooter-font-size) * 0.5);
    }
}


/* ==================================================
    tablet em portrait
================================================== */

@media (min-width: 701px) and (max-width: 1024px) and (min-height: 1100px) {
    .footer-scroll {
        margin-top: -80vh;
    }
}

/* ==================================================
    tablet em landscape
================================================== */

@media (min-width: 1024px) and (max-width: 1366px) and (max-height: 1024px) {
    .footer-scroll {
        margin-top: -30vh;
    }
}

/* ==================================================
    iphone em potrait
================================================== */

@media (max-width: 430px) and (min-height: 800px) {
    .footer-scroll {
        margin-top: -80vh;
    }
}

/* ==================================================
    iphone em landscape
================================================== */

@media (max-width: 932px) and (max-height: 450px) {}