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; } } }