/*  Footer  */
footer {
    text-align: center;
    padding: 1rem 0;
    font-size: 1rem;
    color: #233554;
}
footer a {
    color: #233554;
    text-decoration: underline;
}

@media (min-width: 651px) and (max-width: 800px) {
    footer, footer a {
        font-size: 0.95rem;
    }
}


@media (min-width: 501px) and (max-width: 650px) {
    footer, footer a {
    font-size: 0.90rem;
    }
}

@media (max-width: 500px) {
    footer , footer a {
    font-size: 0.85rem;
    }
}
footer,
footer a {
    transition: all 1s ease;
}