/* Common Footer Layout and Styling */
footer {
    text-align: center;
    padding: 0px 20px;
    border-top: 1px solid var(--border-color);
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--font-family-body); /* Uses updated body font */
    white-space: nowrap;
}

/* Small Logo for screens smaller than 500px */
/* CTA BUTTON RESPONSIVE STYLE */
@media (max-width: 500px) {
    footer {
        font-size: 0.7rem;
    }
}
/* CTA BUTTON RESPONSIVE STYLE */

@media (max-width: 360px) {
    footer {
        font-size: 0.6rem;
    }
}