header {
    margin: -25px -25px 0px -25px;
    background: $background_accent_1;
    padding: 20px 30px;
    box-shadow: 5px 5px 5px 10px $background_accent_1;
    h1 a, h1 a:hover, h1 a:link {
        font-family: $headline_font, sans-serif;
        color: $font_accent_1;
        margin: 0;
        font-weight: bold;
        text-decoration: none;
        font-size: $font_size_h1;
    }
    nav ul {
        font-size: $font_size_default;
        list-style: none;
        margin: 0;
        padding: 0;
        a, a:link, a:visited {
            color: $font_accent_2;
        }
        a:hover, a:active {
            color: $font_accent_3;
        }
        li {
            display: inline;
            margin: 0 8px 0 0;
            padding: 0;
        }
    }
}

@media (max-width: $mobile_view) {
    header {
        h1 a, h1 a:hover, h1 a:link {
            font-size: $font_size_h1_mobile;
        }
        nav ul {
            font-size: $font_size_default_mobile;
        }
    }
}

@media (max-width: $tiny_view) {
    header {
        h1 a, h1 a:hover, h1 a:link {
            font-size: $font_size_h1_tiny;
        }
        nav ul {
            font-size: $font_size_default_tiny;
        }
    }
}

@media (max-width: $pico_view) {
    header {
        h1 a, h1 a:hover, h1 a:link {
            font-size: $font_size_h1_pico;
        }
    }
}