/* Footer */

    #footer {
        -moz-transition: opacity 0.5s ease-in-out;
        -webkit-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
        bottom: 2em 0 2em 0;
        color: rgba(255, 255, 255, 0.5);
        left: 4em;
        opacity: 0.5;
        position: fixed;
    }

        #footer .icons {
            margin: 0 0 0.5em 0;
        }

        #footer .copyright {
            font-size: 0.8em;
            list-style: none;
        }

            #footer .copyright li {
                border-left: solid 1px rgba(255, 255, 255, 0.25);
                display: inline-block;
                line-height: 1em;
                margin: 0 0 0 0.75em;
                padding: 0 0 0 0.75em;
            }

                #footer .copyright li:first-child {
                    border-left: 0;
                    margin-left: 0;
                    padding-left: 0;
                }

            #footer .copyright a {
                color: inherit;
            }

        #footer:hover {
            opacity: 1;
        }

        #footer > :last-child {
            margin-bottom: 0;
        }

        @media screen and (max-width: 1680px) {

            #footer {
                bottom: 6.5em;
                left: 5.5em;
            }

        }

        @media screen and (max-width: 736px) {

            #footer {
                bottom: 2em;
                left: 2em;
            }

        }

        @media screen and (max-width: 360px) {

            #footer {
                bottom: 1.25em;
                left: 1.25em;
            }

        }

        @media screen and (max-height: 640px) {

            #footer {
                bottom: auto;
                left: auto;
                margin: 1em 0 0 0;
                position: relative;
            }

        }