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;
        li {
            display: inline;
            margin: 0 8px 0 0;
            padding: 0;
        }
    }
}
@media (max-width: $media_horizontal_breakpoint) {
    header {
        h1 a, h1 a:hover, h1 a:link {
            font-size: $font_size_h1_mobile;
        }
    }
}