From 65b31c7d98f323cbeda6753b916c7a35d0ca3807 Mon Sep 17 00:00:00 2001
From: Kato <kato@paraguay-srl.com>
Date: Fri, 4 Sep 2026 20:19:46 +0000
Subject: [PATCH] Move hamburger menu to top right corner of header

---
 css/styles.css | 13 ++++++++++---
 index.html     |  8 +++++---
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index ad78609..ea58bee 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -20,11 +20,18 @@ a:hover { text-decoration: underline; }
 
 .header {
   display: flex;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
-  padding: 24px 0;
+  padding: 24px 24px;
+  position: relative;
+}
+.brand { font-size: 1.75rem; font-weight: 800; display: flex; align-items: center; gap: 12px; }
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  position: relative;
 }
-.brand { font-size: 1.75rem; font-weight: 800; display: flex; align-items: center; gap: 12px; position: relative; }
 .hamburger-btn {
   background: none; border: none; cursor: pointer; padding: 4px;
   display: flex; align-items: center; justify-content: center;
diff --git a/index.html b/index.html
index 1c99e43..e009026 100644
--- a/index.html
+++ b/index.html
@@ -15,9 +15,8 @@
   <header class="header">
     <div class="brand">
       <span>Paraguay LLC & SRL – Austausch & Community</span>
-      <button class="hamburger-btn" id="hamburger-btn" aria-label="Menu">
-        <svg viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
-      </button>
+    </div>
+    <div class="header-right">
       <div class="hamburger-menu hidden" id="hamburger-menu">
         <div class="menu-section">
           <div class="lang-select">
@@ -36,6 +35,9 @@
           </button>
         </div>
       </div>
+      <button class="hamburger-btn" id="hamburger-btn" aria-label="Menu">
+        <svg viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+      </button>
     </div>
   </header>