/* footer */
footer {
    padding-bottom: 15px;
    background-color: var(--secondary-bg-color);
    color: var(--secondary-font-color);
    text-align: center;
}

    footer a {
        color: var(--secondary-link-color);
    }

    footer ul {
        padding: 10px 16px;
        list-style: none;
    }

        /* Display list items side by side */
        footer ul li {
            display: inline;
            font-size: 18px;
        }

            /* Add a slash symbol (/) before/behind each list item */
            footer ul li + li:before {
                padding: 8px;
                color: black;
                content: "\2022";
            }

            /* Add a color to all links inside the list */
            footer ul li a {
                color: var(--secondary-link-color);
                text-decoration: none;
            }

                /* Add a color on mouse-over */
                footer ul li a:hover {
                    opacity: 0.8;
                    text-decoration: underline;
                }

    footer .logo {
        border-radius: 10px;
        border: 1px solid var(--secondary-bg-color);
        margin: 0 auto;
        margin-top: -55px;
        margin-bottom: 12px
    }