diff --git a/misc/header.html b/misc/header.html
index d690be2..0640996 100644
--- a/misc/header.html
+++ b/misc/header.html
@@ -12,62 +12,55 @@
         .header-container {
             display: flex;
             align-items: center;
-            justify-content: center;
-            gap: 24px;
-            padding: 24px 16px 16px;
+            justify-content: space-between;
+            padding: 20px 40px;
             box-sizing: border-box;
         }
 
-        .logo-container {
-            display: flex;
-            align-items: center;
-            flex-shrink: 0;
-        }
-
-        .logo {
-            max-width: 160px;
-            height: auto;
-        }
-
         .header-title {
             font-family: 'Cormorant Garamond', serif;
-            font-size: 32px;
+            font-size: 42px;
             font-weight: bold;
             color: {accent_color};
             margin: 0;
             position: relative;
             padding: 0.4em 0;
-            line-height: 1.2;
+            flex: 1;
         }
 
-        .header-title::before,
-        .header-title::after {
+        .header-title::before, .header-title::after {
             content: "";
             position: absolute;
             height: 2px;
-            width: 80%;
+            width: 100%;
             background-color: {accent_color};
-            left: 10%;
+            left: 0;
         }
 
-        .header-title::before {
-            top: 0.4em;
+        .header-title::before { top: 0.4em; }
+        .header-title::after { bottom: 0.4em; }
+
+        .logo-container {
+            flex-shrink: 0;
+            margin-left: 20px;
         }
 
-        .header-title::after {
-            bottom: 0.4em;
+        .logo {
+            height: 80px;
+            width: auto;
+            display: block;
         }
 
         .header-description {
             text-align: center;
-            padding: 16px 16px 0;
-            max-width: 700px;
+            padding: 10px 40px 20px;
+            max-width: 800px;
             margin: 0 auto;
         }
 
         .header-description p,
         .header-description h2 {
-            font-size: 14px;
+            font-size: 15px;
             margin: 8px 0;
             line-height: 1.5;
         }
@@ -77,19 +70,34 @@
             color: {accent_color};
         }
 
-        @media (max-width: 700px) {
+        @media (max-width: 768px) {
             .header-container {
                 flex-direction: column;
                 align-items: center;
-                gap: 12px;
-            }
-
-            .logo {
-                max-width: 120px;
+                padding: 15px;
+                gap: 10px;
             }
 
             .header-title {
-                font-size: 26px;
+                font-size: 28px;
+                text-align: center;
+            }
+
+            .header-title::before, .header-title::after {
+                width: 80%;
+                left: 10%;
+            }
+
+            .logo-container {
+                margin-left: 0;
+            }
+
+            .logo {
+                height: 60px;
+            }
+
+            .header-description {
+                padding: 10px 20px 15px;
             }
         }
     </style>