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

footer {

        font-size: 1em;
        text-align: center;
        display: flex;
        flex: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        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 */
        }
}