.footer{
    text-align: center !important;
    padding: 3rem 0;
    background-color: var(--c-primary-b)
}

.footer .logo img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    height: 5rem;
    opacity: 0.7
}

.footer .link {
    display: inline-block;
    margin: .3rem 1rem;
    width: auto;
    font-size: 1.1rem;
    color: var(--c-light-grey);
    cursor: pointer;
    white-space:nowrap
}

.footer .copyright {
    font-size: 1.4rem;
    color: var(--c-light-grey)
}

.footer .link:hover {
    color: var(--c-yellow)
}

.footer .link > div {
    display: inline-block
}

.links > app-widget-host {
    flex-direction: row !important;
    justify-content: center;
    margin: 2rem 0 3rem 0;
    width: 100%;
    flex-wrap: wrap
}