/* 
                                        +-------------------------------+
                                        |                               |
                                        |             Footer            | 
                                        |                               |
                                        +-------------------------------+
*/

footer {

    font-size: 1em;
    text-align: center;
    display: flex;
    flex: 0;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-evenly;
}


footer>* {

    min-width: var(--flexItemMinWidth);

}


.footer-left,
.footer-center,
.footer-right {
    padding: 1em 1em;


}

/* Media query to switch from 3 in a row to 1 per row */
@media (max-width: 1024px) {

    .footer-left,
    .footer-center,
    .footer-right {
        flex: 1 1 100%;
        /* Make each item take the full width */
    }
}