footer {
    @if $hide_footer == true {
        display: none;
    }
    margin: 0 auto;
    background: $background_accent_2;
    padding: 20px 30px;
    font-size: $font_size_default;
    color: $font_default;
    text-align: center;
    a, a:link, a:visited {
        color: $font_accent_4;
    }
    a:hover {
        color: $font_accent_3;
    }
}

@media (min-width: $large_view) {
    footer {
        font-size: $font_size_default_large;
    }
}

@media (max-width: $mobile_view) {
    footer {
        font-size: $font_size_default_mobile;
        color: silver;
        a, a:link, a:visited {
            color: grey;
        }
        a:hover {
            color: white;
        }
    }
}

@media (max-width: $tiny_view) {
    footer {
        font-size: $font_size_default_pico;
    }
}