footer {
    background-color: var(--footer-background-color);
    color: var(--footer-text-color);
    padding: 40px 0 0 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

    footer p {
        text-align: right;
        padding-right: 20px;
        margin: 0;
    }

        footer p a {
            color: var(--footer-text-color) !important;
        }

    footer .footer-frame {
        position: relative;
        left: 50%;
        transform: translate(-50%,0);
        padding: 30px 0 30px 0;
    }

@media (max-width:567px) {
    footer .footer-frame {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width:567px) {
    footer .footer-frame {
        width: 60%;
    }
}

footer .footer-frame h3 {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    padding-bottom: 40px;
}

footer .footer-frame button,
footer .footer-frame a {
    font-size: 1.3em;
    color: var(--footer-text-color);
    white-space: nowrap;
}

    footer .footer-frame button:hover,
    footer .footer-frame a:hover {
        color: var(--footer-hover-color) !important;
    }

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

    footer .footer-logo img {
        padding-top: 30px;
        max-width: 70%;
    }