.site-footer {
    text-align: center;
}

/* For phones (portrait screens) */
@media (max-aspect-ratio: 3/4) {
    .footer-text {
        font-size: 0.3em;
    }
}

/* For desktops/tablets (landscape screens) */
@media (min-aspect-ratio: 4/3) {
    .footer-text {
        font-size: 0.8em;
    }
}