footer {

@include breakpoint('<=small') {
    z-index: 0;
    position: relative;
    bottom: 0;
    right: 0;
    width: 100vw;
    margin: 0;
    padding: 2em;
    @include vendor('display', 'flex');
    @include vendor('justify-content', 'space-between');
    @include vendor('flex-direction', 'column');
    text-align: center;

    .copyright {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;

        li {
            display: block;
            margin: 0.75em 0 0 0;
            padding: 0;
            border: 0;

            &:first-child {
                margin-top: 0;
            }
        }
    }
}

}