mobile design until Media section

src/app/header/header.html

@@ -0,0 +1,51 @@
+<div class="w-screen bg-ejc-orange h-10.25 hidden md:flex items-center">
+  <div class="container mx-auto">aaa</div>
+</div>
+<div
+  #menuContainer
+  class="w-screen flex md:hidden items-center h-19 bg-ejc-dark-blue justify-between px-5 relative">
+  <div>logo</div>
+
+  <button
+    type="button"
+    (click)="isMenuOpen = !isMenuOpen"
+    class="flex items-center justify-center">
+    <!-- Hamburger icon -->
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      class="w-6 h-6 text-white"
+      fill="none"
+      viewBox="0 0 24 24"
+      stroke="currentColor">
+      <path
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2"
+        d="M4 6h16M4 12h16M4 18h16" />
+    </svg>
+  </button>
+
+  @if (isMenuOpen) {
+  <div
+    #menu
+    class="absolute top-full right-0 mt-2 w-56 rounded-lg shadow-lg bg-white z-50">
+    <a
+      class="block px-4 py-3 hover:bg-gray-100 transition-colors cursor-pointer"
+      (click)="closeMenu()">
+      Menu Item 1
+    </a>
+
+    <a
+      class="block px-4 py-3 hover:bg-gray-100 transition-colors cursor-pointer"
+      (click)="closeMenu()">
+      Menu Item 2
+    </a>
+
+    <a
+      class="block px-4 py-3 hover:bg-gray-100 transition-colors cursor-pointer"
+      (click)="closeMenu()">
+      Menu Item 3
+    </a>
+  </div>
+  }
+</div>