/* Browsers: last 4 version  */

footer {
    background-color: var(--primary-color);
    padding: 1rem 2rem;
    width: 100%;
    color: white;
}

footer div p {
    font-size: .8rem;
}

@media (max-width: 500px) {
    footer {
        text-align: center;
    }

    footer div p {
        font-size: .7rem;
    }

}

@media (max-width: 300px) {
    footer {
        padding: 1rem .5rem;
    }

    footer div p {
        font-size: .6rem;
    }
}