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 .125em;
        a {
            color: $brown;
            text-decoration: none;
        }
    }
    p {
        @include fontsize(10);
    }
}
.dark footer[role="contentinfo"] {
    &:before {
        @include light_faded_line_after;
    }
    a {
    color: $body_font_light;
}
}