diff --git a/components/03_Organisms/header/_header.scss b/components/03_Organisms/header/_header.scss index 9dd9290..c15a9b4 100644 --- a/components/03_Organisms/header/_header.scss +++ b/components/03_Organisms/header/_header.scss @@ -1,24 +1,27 @@ + +$-logo-height: 45px; .LP-Header { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 70px; height: 60px; + box-shadow: 0 0 2px $-light-brown; &__Navigation{ flex-grow: 2; } &__Logo { - height: 60px; + height: $-logo-height; margin: 25px; object-fit:cover; max-height: 100%; + width: 225px; overflow: hidden; flex-shrink: 0; .LP-Image{ - height: 60px; + height: 100%; } } } @@ -38,7 +41,7 @@ @media(max-width: $-viewport-medium){ .LP-Header__Logo{ - width: 60px; + width: $-logo-height; .LP-Image{ object-position: 0 0; object-fit: cover;