.footer
{
    width: 100%;
    background-color: var(--footer-background-color);
    color: var(--footer-foreground-color);
    border-style: solid;
    border-color: var(--footer-border-color);
    border-width: 0px 0px 0px 0px;

}

.footer-content-column
{
    padding: var(--spacing-2x);
    display: flex;
    justify-content: stretch;
    flex-wrap: wrap;
}

.footer-item
{
    padding: var(--spacing-2x);
    text-align: center; 
    word-wrap: break-word; 
    flex: 1;
}

.footer-item:hover
{
    background-color: var(--footer-hover-color);
}

.footer *
{
    color: var(--footer-foreground-color);
    font-size: var(--footer-font-size);
    text-decoration: none;
    font-family: var(--heading-font-family);
    font-weight: bold;
}

.footer img
{
    max-width: 100%; 
    display: inline-block;
    height: var(--footer-icon-height);
}

.footer i
{
    max-width: 100%; 
    display: inline-block;
    font-size: var(--footer-icon-height);
}