footer a {
    color: var(--color-light) !important
}

footer.mdl-mini-footer {
    padding: 15px 10px;
    display: block
}

.footer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

footer .layout-logo {
    order: 1;
    font-size: 15px;
    display: inline-block;
    margin-bottom: .5rem
}

footer .privacy {
    width: auto;
    display: block;
    font-size: .83rem;
    text-wrap: nowrap
}

footer .copy {
    order: 3;
    font-size: .72rem
}

footer hr {
    margin: 5px 0;
    background-color: var(--color-light);
    height: 1px
}

footer .slogan {
    margin-bottom: 0
}

footer.mdl-mini-footer {
    display: block
}

footer .layout-logo {
    display: inline-block;
    margin-bottom: .5rem
}

footer .links {
    display: flex;
    text-align: center;
    flex-direction: column
}

footer .links .privacy {
    margin-bottom: .5rem
}

footer .copy {
    opacity: .8;
    display: block;
    align-self: flex-start
}

footer .slogan {
    text-align: start;
    font-size: .97rem;
    opacity: .9
}

@media(max-width:499px) {
    footer.mdl-mini-footer {
        padding: 15px 10px
    }

    .footer-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    footer .layout-logo {
        order: 1;
        font-size: 15px
    }

    footer .privacy {
        width: auto;
        font-size: 13px
    }

    footer .copy {
        order: 3;
        font-size: 13px
    }

    footer hr {
        margin: 5px 0
    }

    footer .slogan {
        margin-bottom: 0
    }
}

@media(min-width:500px) {
    .footer-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    footer .layout-logo {
        order: 1
    }

    footer .privacy {
        order: 2;
        width: auto;
        margin-bottom: auto;
        text-wrap: nowrap
    }

    footer .copy {
        order: 3
    }
}

@media(min-width:760px) {
    footer .links {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        order: 2
    }

    footer .links a {
        margin: 0 1rem
    }

    footer .links.mobile {
        margin: 0 25% 1rem
    }
}