diff --git a/src/components/navigation/menu-language/menu-language.scss b/src/components/navigation/menu-language/menu-language.scss index 14d264bd03301fe3f4c3d11a04e097792efedd28..7565c7fee10306a27499659ef1f0676152444373 100644 --- a/src/components/navigation/menu-language/menu-language.scss +++ b/src/components/navigation/menu-language/menu-language.scss @@ -27,6 +27,7 @@ color: var(--brand-main-nearly-black); display: flex; flex-flow: row; + font-family: var(--main-font-family); font-weight: 600; letter-spacing: -0.4px; margin: 0 -4px; @@ -35,6 +36,7 @@ @include breakpoint($extrawide) { @include font-size(12px, 12px); + font-weight: 400; letter-spacing: -0.6px; } diff --git a/src/components/site-header/site-header.scss b/src/components/site-header/site-header.scss index 88c57bc82418db98f10f5da384589722dfcdaef5..c9744756d89676fe02fc0f07075da6d09c19b5d3 100644 --- a/src/components/site-header/site-header.scss +++ b/src/components/site-header/site-header.scss @@ -206,6 +206,7 @@ @include breakpoint($extrawide) { @include font-size(12px, 12px); + font-weight: 400; letter-spacing: -0.6px; } diff --git a/src/components/site-header/site-logo/site-logo.scss b/src/components/site-header/site-logo/site-logo.scss index 9e05b7adc8e908c7e8c48338b301d93ebc12eccf..ec97df50aba057e899c1ca2ed33410f2e6379b02 100644 --- a/src/components/site-header/site-logo/site-logo.scss +++ b/src/components/site-header/site-logo/site-logo.scss @@ -23,7 +23,7 @@ @include font-weight($bold); color: var(--site-logo-color); font-family: var(--main-font-family); - letter-spacing: -0.9px; + letter-spacing: -0.7px; margin-left: 8px; max-width: 90px; text-transform: uppercase; @@ -36,22 +36,26 @@ @include breakpoint($narrow) { @include font-size(15px, 16px); + letter-spacing: -0.75px; margin-left: 6px; } @include breakpoint($extrawide) { @include font-size(14px, 14px); + letter-spacing: -0.6px; + margin-left: 4px; } @include breakpoint($xlarge) { @include font-size(16px, 16px); - margin-left: 8px; + letter-spacing: -0.7px; + margin-left: 4px; } } &__icon svg { height: 32px; - width: 34px; + width: 33.41px; @include breakpoint($narrow) { height: 48px; diff --git a/src/components/site-header/site-search/site-search.scss b/src/components/site-header/site-search/site-search.scss index dafd132f6668a65a51566ba7024ac7963b86e017..f9991d1ef717a68f74887c77b025468924fb6e71 100644 --- a/src/components/site-header/site-search/site-search.scss +++ b/src/components/site-header/site-search/site-search.scss @@ -12,7 +12,8 @@ @include breakpoint($wide) { flex-direction: row-reverse; - padding: 4px 0; + //padding: 4px 0; + padding: 0; &:focus { outline: solid 2px var(--additional-yellow); @@ -54,6 +55,7 @@ @include breakpoint($extrawide) { @include font-size(12px, 12px); + font-weight: 400; letter-spacing: -0.6px; }