footer[role="contentinfo"] {
    margin-top: 5em;
    @include breakpoint(gamma) {
        max-width: 960;
    }
    &:before {
        @include breakpoint(beta) {
            @include faded_line_after;
            margin-bottom: 1.2em;
        }
    }
    ul {
        border-top: 1px $brown dotted;
        border-bottom: 1px $brown dotted;
        padding: .5rem 0;
        @include breakpoint(beta) {
            border: none;
        }
    }
    li {
        display: inline;
        margin: 0 .25em;
        &:after {
            content: "\00b7";
            color: #999999;
            padding-left: 0.75em;
        }
        a {
            color: $brown;
            text-decoration: none;
        }
        ul { display:inline;}
    }
    li:last-of-type {
        margin-right: 0;
        &:after {
            content: " ";
        }
    }
    p {
        @include fontsize(10);
        text-align: center;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }
}
.black footer[role="contentinfo"], .dark footer[role="contentinfo"] {
    &:before {
        @include light_faded_line_after;
    }
    a {
    color: $body_font_light;
}
}