diff --git a/themes/buha/assets/scss/header.scss b/themes/buha/assets/scss/header.scss
index ef4bdbd6..a8092fad 100644
--- a/themes/buha/assets/scss/header.scss
+++ b/themes/buha/assets/scss/header.scss
@@ -1,14 +1,14 @@
 .header {
-    .header_content {
+    margin-right: .3rem;
+    div {
         display: flex;
-        min-height: 5rem;
+        min-height: 5em;
         align-items: center;
         justify-content: space-between;
-        margin-right: 1rem;
         svg {
-            margin-left: 0.8rem;
-            min-width: 80px;
-            width: 13vw; height: auto;
+            margin-left: 0.2vw;
+            width: auto;
+            height: 2.2rem;
             filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
             path {
                 fill: var(--logo-color) !important;
@@ -18,6 +18,7 @@
             display: flex;
             flex-wrap: wrap;
             text-shadow: 0px 4px 4px var(--shadow-color);
+            font-size: 1rem;
             a {
                 margin-left: .8rem;
             }
@@ -28,43 +29,81 @@
     }
 }
 
-@media (min-width: 640px) {
-    .header_content {
-        min-height:  6rem;
+@media (min-width: 600px) {
+    .header {
         div {
-            font-size: 110%;
+            svg {
+                width: auto;
+                height: 2.4rem;
+            }
+            div {
+                font-size: 1.1rem;
+            }
+        }
+    }
+}
+@media (min-width: 640px) {
+    .header {
+        div {
+            svg {
+                width: auto;
+                height: 3rem;
+            }
+            div {
+                font-size: 1.2rem;
+            }
         }
     }
 }
 @media (min-width: 768px) {
-    .header_content {
-        min-height:  6.5rem;
+    .header {
         div {
-            font-size: 115%;
+            svg {
+                width: auto;
+                height: 4rem;
+            }
+            div {
+                font-size: 1.4rem;
+            }
         }
     }
 }
 @media (min-width: 1024px) {
-    .header_content {
-        min-height: 7rem;
+    .header {
         div {
-            font-size: 120%;
+            svg {
+                width: auto;
+                height: 5rem;
+            }
+            div {
+                font-size: 1.6rem;
+            }
         }
     }
 }
 @media (min-width: 1280px) {
-    .header_content {
-        min-height: 7.5rem;
+    .header {
         div {
-            font-size: 125%;
+            svg {
+                width: auto;
+                height: 6rem;
+            }
+            div {
+                font-size: 1.8rem;
+            }
         }
     }
 }
 @media (min-width: 1920px) {
-    .header_content {
-        min-height: 8rem;
+    .header {
         div {
-            font-size: 130%;
+            svg {
+                width: auto;
+                height: 7rem;
+            }
+            div {
+                font-size: 2rem;
+            }
         }
     }
 }
diff --git a/themes/buha/layouts/partials/snippets/header.html b/themes/buha/layouts/partials/snippets/header.html
index f7c36905..8e7ef6f6 100644
--- a/themes/buha/layouts/partials/snippets/header.html
+++ b/themes/buha/layouts/partials/snippets/header.html
@@ -1,6 +1,6 @@
 {{ $svg := readFile "/assets/images/logo/logo.svg" }}
         <div class="header_content">
-                <a href="/"  class="loppp">
+                <a href="/">
                 {{ safeHTML $svg }}
                 </a>
                 <div>