diff --git a/resources/css/partials/header.scss b/resources/css/partials/header.scss
index 0d9b24e..e390736 100644
--- a/resources/css/partials/header.scss
+++ b/resources/css/partials/header.scss
@@ -17,10 +17,6 @@
 
   #logo {
     height: 56px;
-    font-family: "Montserrat", sans-serif;
-    font-weight: 700;
-
-    color: variables.$clr_logo;
 
     @include mixins.header_overflow2 {
       height: 36px;
@@ -54,6 +50,20 @@
   .menu {
     display: none;
     filter: invert(1);
+    height: 56px;
+    width: auto;
+
+    img {
+      height: 56px;
+      width: auto;
+    }
+
+    @include mixins.header_overflow2 {
+      img {
+        height: 36px;
+      }
+      height: 36px;
+    }
 
     @include mixins.header_overflow {
       display: block;
diff --git a/resources/styles/main.css b/resources/styles/main.css
index 3cb6714..302f5a5 100644
--- a/resources/styles/main.css
+++ b/resources/styles/main.css
@@ -56,9 +56,6 @@
 }
 #header #logo {
   height: 56px;
-  font-family: "Montserrat", sans-serif;
-  font-weight: 700;
-  color: #FDFFFF;
 }
 @media screen and (max-width: 850px) {
   #header #logo {
@@ -89,6 +86,20 @@
 #header .menu {
   display: none;
   filter: invert(1);
+  height: 56px;
+  width: auto;
+}
+#header .menu img {
+  height: 56px;
+  width: auto;
+}
+@media screen and (max-width: 850px) {
+  #header .menu {
+    height: 36px;
+  }
+  #header .menu img {
+    height: 36px;
+  }
 }
 @media screen and (max-width: 1200px) {
   #header .menu {