diff --git a/code_export.txt b/code_export.txt
index 3b53c35..c72b347 100644
--- a/code_export.txt
+++ b/code_export.txt
@@ -1,3 +1,9 @@
+"./README.md" : 
+"""
+msos spletna stran
+"""
+
+
 "./css/base/_base.css" : 
 """
 /* ==========================================================================
@@ -23,8 +29,8 @@ body {
     color: #101828;
 }
 
-/* Prepreči drsenje strani, ko je mobilni meni odprt */
-body.nav-open {
+/* NOVO (zamenjaj znotraj _base.css): */
+html.nav-open, html.nav-open body {
     overflow: hidden;
 }
 
@@ -596,7 +602,6 @@ footer hr {
     gap: 48px;
 }
 
-/* KLJUČNA SPREMEMBA: Navigacijskemu ovoju damo možnost rasti, da zapolni prostor */
 .header-content > nav {
     flex-grow: 1;
     display: flex;
@@ -616,10 +621,9 @@ footer hr {
     display: flex;
     align-items: center;
     height: 100%;
-    width: 100%; /* Dovolimo, da seznam zasede celotno širino <nav> elementa */
+    width: 100%;
 }
 
-/* KLJUČNA SPREMEMBA: Poravnamo elemente na desno znotraj razpoložljivega prostora */
 .navigation.desktop-nav {
     justify-content: flex-end; 
 }
@@ -643,7 +647,7 @@ footer hr {
     align-items: center;
     gap: 8px;
     transition: color 0.2s ease-in-out;
-    white-space: nowrap; /* KLJUČNA SPREMEMBA: Prepreči prelom besedila */
+    white-space: nowrap;
 }
 
 .navigation > .menu-item > a:hover {
@@ -665,10 +669,9 @@ footer hr {
     display: flex;
     align-items: center;
     gap: 12px;
-    flex-shrink: 0; /* Preprečimo, da bi se gumbi stisnili */
+    flex-shrink: 0;
 }
 
-/* Stili za izbiro jezika (ostanejo enaki) */
 .language-selector {
     position: relative;
     cursor: pointer;
@@ -730,19 +733,19 @@ footer hr {
     background-color: #FFFFFF;
     border: 1px solid #EAECF0;
     list-style: none;
-    margin: 8px 0 0 0; /* Povečan odmik za zračnost */
+    margin: 8px 0 0 0;
     padding: 8px;
     min-width: 260px;
     border-radius: 12px;
     box-shadow: 0 12px 24px -4px rgba(16, 24, 40, 0.08);
     z-index: 1000;
-    
     opacity: 0;
     visibility: hidden;
     transform: translateX(-50%) translateY(10px);
     transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
 }
 
+/* To pravilo povzroča težave na mobilnih napravah in ga bomo spodaj povozili */
 .navigation .menu-item:hover > .dropdown-menu {
     opacity: 1;
     visibility: visible;
@@ -780,7 +783,7 @@ footer hr {
 
 
 /* ==========================================================================
-   5. Stili za mobilno glavo in "accordion" meni - OPTIMIZIRANO
+   5. Stili za mobilno glavo in "accordion" meni - POPOLNA PRENOVA
    ========================================================================== */
 
 @media (max-width: 1024px) { 
@@ -795,6 +798,10 @@ footer hr {
         border-bottom: none;
         z-index: 1002;
     }
+    
+    .header-content {
+        flex-grow: 0;
+    }
 
     .navigation.desktop-nav,
     .dropdown-header-navigation .container > .navigation-actions {
@@ -806,11 +813,12 @@ footer hr {
         font-size: 24px;
         color: #101828;
         cursor: pointer;
-        z-index: 1002;
+        z-index: 1003;
     }
     .mobile-menu-icon .fa-times { display: none; }
-    body.nav-open .mobile-menu-icon .fa-bars { display: none; }
-    body.nav-open .mobile-menu-icon .fa-times { display: block; }
+    
+    html.nav-open .mobile-menu-icon .fa-bars { display: none; }
+    html.nav-open .mobile-menu-icon .fa-times { display: block; }
     
     .mobile-nav-panel {
         display: flex;
@@ -829,7 +837,7 @@ footer hr {
         overflow-y: auto;
     }
 
-    body.nav-open .mobile-nav-panel {
+    html.nav-open .mobile-nav-panel {
         transform: translateX(0);
     }
     
@@ -839,14 +847,17 @@ footer hr {
         align-items: stretch;
         width: 100%;
         gap: 0;
+        border-bottom: 1px solid #EAECF0;
+        padding-bottom: 24px;
     }
 
     .mobile-nav .menu-item {
+        display: block;
         height: auto;
         border-bottom: 1px solid #EAECF0;
     }
-    .mobile-nav .menu-item:last-of-type {
-        border-bottom: none;
+    .mobile-nav .menu-item:first-of-type {
+        border-top: 1px solid #EAECF0;
     }
     
     .mobile-nav .menu-item > a {
@@ -861,29 +872,29 @@ footer hr {
         height: auto;
     }
 
-    .mobile-nav .menu-item.open > a::after {
+    html.nav-open .mobile-nav .menu-item.open > a::after {
         transform: rotate(180deg);
     }
     
     .mobile-nav .dropdown-menu {
         position: static;
-        background-color: #F9FAFB;
-        box-shadow: none;
-        border-radius: 0;
-        padding: 0 0 0 16px;
-        min-width: auto;
-        width: 100%;
-        max-height: 0;
-        overflow: hidden;
+        transform: none;
         opacity: 1;
         visibility: visible;
-        transform: none;
-        transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
+        box-shadow: none;
+        border: none;
+        background-color: transparent;
+        width: 100%;
+        min-width: auto;
+        margin: 0;
+        padding: 0 0 8px 0;
+        max-height: 0;
+        overflow: hidden;
+        transition: max-height 0.3s ease-in-out;
     }
 
     .mobile-nav .menu-item.open > .dropdown-menu {
         max-height: 500px;
-        padding: 16px 0 16px 16px;
     }
     
     .mobile-nav .dropdown-menu ul {
@@ -891,18 +902,46 @@ footer hr {
         margin: 0;
         list-style: none;
     }
+    
+    .mobile-nav .dropdown-menu li {
+        padding: 0;
+    }
 
     .mobile-nav .dropdown-menu a {
+        display: block;
+        padding: 12px 16px 12px 24px;
         color: #344054;
         font-weight: 500;
         font-size: 18px;
-        padding: 10px 0;
+        border-radius: 6px;
+        white-space: normal;
     }
     .mobile-nav .dropdown-menu a:hover {
-        background-color: transparent;
+        background-color: #F9FAFB;
         color: #101828;
     }
 
+    /* === KLJUČNI POPRAVEK: Onemogočimo namizne :hover efekte na mobilnih napravah === */
+    .mobile-nav .menu-item:hover > .dropdown-menu {
+        /* Preprečimo, da bi namizno pravilo :hover vplivalo na mobilni meni.
+           Na mobilni napravi je stanje odprtosti nadzorovano izključno z razredom .open. */
+        opacity: 1;
+        visibility: visible;
+        transform: none;
+    }
+
+    .mobile-nav .menu-item:hover > a::after {
+        /* Preprečimo obračanje puščice ob :hover dogodku. 
+           Puščica se bo obrnila le, ko je dodan razred .open. */
+        transform: none;
+    }
+    
+    html.nav-open .mobile-nav .menu-item.open > a::after {
+        /* Zagotovimo, da se puščica obrne, ko je meni odprt */
+        transform: rotate(180deg);
+    }
+    /* ================================================================================ */
+
     .mobile-nav-panel .navigation-actions {
         display: flex;
         flex-direction: column;
@@ -2880,79 +2919,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="page-content">
@@ -3157,7 +3194,7 @@ footer hr {
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 
@@ -3193,7 +3230,7 @@ footer hr {
     <div class="container">
         <div class="header-content">
             <a href="../../en/" class="logo-link">
-                <img src="../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
+                <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
             </a>
             <!-- Desktop Navigation -->
             <nav>
@@ -3262,78 +3299,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="page-content">
@@ -3643,79 +3679,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="page-content">
@@ -4053,7 +4087,7 @@ footer hr {
     <div class="container">
         <div class="header-content">
             <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
+                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
             </a>
             <!-- Desktop Navigation -->
             <nav>
@@ -4122,78 +4156,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="page-content">
@@ -4600,79 +4633,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main>
@@ -4975,7 +5006,6 @@ footer hr {
 </footer>
 <!-- END_FOOTER -->
 
-    <script src="../main.js"></script>
 </body>
 </html>"""
 
@@ -5007,7 +5037,7 @@ footer hr {
     <div class="container">
         <div class="header-content">
             <a href="../en/" class="logo-link">
-                <img src="../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
+                <img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
             </a>
             <!-- Desktop Navigation -->
             <nav>
@@ -5076,78 +5106,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main>
@@ -5551,79 +5580,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="page-content">
@@ -5783,12 +5810,10 @@ footer hr {
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 
-    <!-- Link to the main JS file -->
-    
 </body>
 </html>"""
 
@@ -5820,7 +5845,7 @@ footer hr {
     <div class="container">
         <div class="header-content">
             <a href="../../en/" class="logo-link">
-                <img src="../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
+                <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
             </a>
             <!-- Desktop Navigation -->
             <nav>
@@ -5889,78 +5914,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="page-content">
@@ -6124,8 +6148,6 @@ footer hr {
 </footer>
 <!-- END_FOOTER -->
 
-    <!-- Link to the main JS file -->
-    
 </body>
 </html>"""
 
@@ -6226,79 +6248,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -6502,7 +6522,7 @@ footer hr {
     <div class="container">
         <div class="header-content">
             <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
+                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
             </a>
             <!-- Desktop Navigation -->
             <nav>
@@ -6571,78 +6591,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -6915,79 +6934,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -7191,7 +7208,7 @@ footer hr {
     <div class="container">
         <div class="header-content">
             <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
+                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
             </a>
             <!-- Desktop Navigation -->
             <nav>
@@ -7260,78 +7277,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -7604,79 +7620,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -7903,7 +7917,7 @@ footer hr {
     <div class="container">
         <div class="header-content">
             <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
+                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
             </a>
             <!-- Desktop Navigation -->
             <nav>
@@ -7972,78 +7986,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -8339,79 +8352,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -8630,7 +8641,7 @@ footer hr {
     <div class="container">
         <div class="header-content">
             <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
+                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
             </a>
             <!-- Desktop Navigation -->
             <nav>
@@ -8699,78 +8710,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -9058,79 +9068,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -9318,7 +9326,7 @@ footer hr {
     <div class="container">
         <div class="header-content">
             <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
+                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
             </a>
             <!-- Desktop Navigation -->
             <nav>
@@ -9387,78 +9395,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -9715,79 +9722,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -9991,7 +9996,7 @@ footer hr {
     <div class="container">
         <div class="header-content">
             <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
+                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
             </a>
             <!-- Desktop Navigation -->
             <nav>
@@ -10060,78 +10065,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
@@ -10314,28 +10318,43 @@ document.addEventListener('DOMContentLoaded', function() {
 
     /**
      * ===================================================================
-     * 1. OSNOVNA FUNKCIONALNOST MOBILNE NAVIGACIJE
-     * Ta koda je ključna za delovanje mobilnega menija.
+     * 1. OSNOVNA FUNKCIONALNOST MOBILNE NAVIGACIJE (Robustna različica)
      * ===================================================================
      */
 
-    // --- Odpiranje in zapiranje glavnega mobilnega panela ---
+    // === MOBILNI MENI: Robusten toggle na <html> ===
     try {
-        const mobileMenuIcon = document.querySelector('.mobile-menu-icon');
-        const body = document.querySelector('body');
+        const icon = document.querySelector('.mobile-menu-icon');
+        const root = document.documentElement; // Ciljamo <html>, da se izognemo konfliktom na <body>
 
-        if (mobileMenuIcon && body) {
-            mobileMenuIcon.addEventListener('click', () => {
-                body.classList.toggle('nav-open');
-            });
+        if (!icon) {
+            console.error('Mobile menu icon not found.');
         } else {
-            console.error('Mobile menu icon or body not found.');
+            icon.addEventListener('click', (e) => {
+                e.preventDefault();
+                e.stopPropagation(); // Preprečimo "bubbling" dogodka, ki bi lahko takoj zaprl meni
+                root.classList.toggle('nav-open');
+            });
+
+            // Zapri meni ob kliku izven panela ali ikone
+            document.addEventListener('click', (e) => {
+                if (root.classList.contains('nav-open') && !e.target.closest('.mobile-nav-panel') && !e.target.closest('.mobile-menu-icon')) {
+                    root.classList.remove('nav-open');
+                }
+            });
+
+            // Zapri meni s tipko Escape
+            document.addEventListener('keydown', (e) => {
+                if (e.key === 'Escape') {
+                    root.classList.remove('nav-open');
+                }
+            });
         }
-    } catch (error) {
-        console.error('Error in Mobile Menu Toggle:', error);
+    } catch (err) {
+        console.error('Error in Mobile Menu Toggle:', err);
     }
 
-    // --- Mobilni Accordion podmeni ---
+    // --- Mobilni Accordion podmeni (ostane nespremenjen) ---
     try {
         const mobileNav = document.querySelector('.mobile-nav-panel .mobile-nav');
         if (mobileNav) {
@@ -11534,7 +11553,7 @@ document.addEventListener('DOMContentLoaded', function() {
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 
@@ -11712,7 +11731,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     <!-- Проект 2 (Placeholder) -->
                     <article class="post-card">
                         <a href="testproject/" class="post-link">
-                            <img src="../../images/5-pmmentals.jpg" alt="Жена презентира пред табла со лепливи белешки на тим" class="post-image">
+                            <img src="../../images/5-pmmentals.webp" alt="Жена презентира пред табла со лепливи белешки на тим" class="post-image">
                             <div class="post-content">
                                 <p class="post-meta">Demi Wilkinson • 16 Јан 2022 • Студентски живот</p>
                                 <h3 class="post-title">ПМ ментални модели</h3>
@@ -14250,12 +14269,6 @@ if __name__ == "__main__":
     main()"""
 
 
-"./README.md" : 
-"""
-msos spletna stran
-"""
-
-
 "./si/index.html" : 
 """
 <!DOCTYPE html>
@@ -15293,7 +15306,7 @@ msos spletna stran
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 
@@ -15471,7 +15484,7 @@ msos spletna stran
                     <!-- Placeholder Project 2 -->
                     <article class="post-card">
                         <a href="testproject/" class="post-link">
-                            <img src="../../images/5-pmmentals.jpg" alt="Ženska predstavlja pred belo tablo z listki ekipi" class="post-image">
+                            <img src="../../images/5-pmmentals.webp" alt="Ženska predstavlja pred belo tablo z listki ekipi" class="post-image">
                             <div class="post-content">
                                 <p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Študentsko življenje</p>
                                 <h3 class="post-title">Mentalni modeli za PM</h3>
@@ -19986,79 +19999,77 @@ footer hr {
         </div>
 
         <!-- Mobile Menu Icon (Hamburger/X) -->
-        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
         </div>
     </div>
+</header>
 
-    <!-- Mobile Navigation Panel -->
-    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Timeline & Milestones</a></li>
-                        <li><a href="#">Our team, mission, vision & core values</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">What We Do</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="{{ROOT_PREFIX}}en/projects/">Event & Projects</a></li>
-                        <li><a href="#">Blog</a></li>
-                        <li><a href="#">Gallery</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Get Involved</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Become a member</a></li>
-                        <li><a href="#">Support MSOS</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">For Students</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Student Welcome Guide</a></li>
-                        <li><a href="#">Mentorship Programme</a></li>
-                        <li><a href="#">FAQs</a></li>
-                        <li><a href="#">Get to know Slovenia</a></li>
-                        <li><a href="#">Get to know North Macedonia</a></li>
-                    </ul>
-                </li>
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">News</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="#">Announcements</a></li>
-                        <li><a href="#">Open calls</a></li>
-                        <li><a href="#">Press releases</a></li>
-                    </ul>
-                </li>
-            </ul>
-        </nav>
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (for mobile) -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code-mobile">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
+<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Timeline & Milestones</a></li>
+                    <li><a href="#">Our team, mission, vision & core values</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="{{ROOT_PREFIX}}en/projects/">Event & Projects</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Student Welcome Guide</a></li>
+                    <li><a href="#">Mentorship Programme</a></li>
+                    <li><a href="#">FAQs</a></li>
+                    <li><a href="#">Get to know Slovenia</a></li>
+                    <li><a href="#">Get to know North Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Announcements</a></li>
+                    <li><a href="#">Open calls</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Become a member</button>
+        <button class="btn btn-primary">Donate</button>
+        <!-- Language Switcher (for mobile) -->
+        <div class="language-selector">
+            <div class="current-lang">
+                <i class="fas fa-globe"></i>
+                <span id="current-lang-code-mobile">EN</span>
+                <i class="fas fa-chevron-down"></i>
+            </div>
+            <div class="lang-dropdown">
+                <a href="#" data-lang="si">Slovenščina (SI)</a>
+                <a href="#" data-lang="en">English (EN)</a>
+                <a href="#" data-lang="mk">Македонски (MK)</a>
             </div>
         </div>
     </div>
-</header>
+</div>
 <!-- END_HEADER -->"""
 
 
diff --git a/css/layout/_header.css b/css/layout/_header.css
index 1bf92b6..61e10be 100644
--- a/css/layout/_header.css
+++ b/css/layout/_header.css
@@ -6,14 +6,14 @@
  * Ta datoteka vsebuje stile za glavo (header) spletne strani.
  *
  * 1. Glavni kontejner za glavo
- * 2. Vsebina glave (logotip, navigacija)
+ * 2. Vsebina glave (logotip, navigacija) - POSODOBLJENO
  * 3. Gumbi in akcije v glavi (vključno z izbiro jezika)
- * 4. Stili za namizni "dropdown" meni (PRENOVLJEN DIZAJN)
- * 5. Stili za mobilno glavo in "accordion" meni (optimizirano)
+ * 4. Stili za namizni "dropdown" meni
+ * 5. Stili za mobilno glavo in "accordion" meni
+ * 6. Stili za modalno okno za izbiro jezika na mobilnih napravah
  */
 
 /* 1. Glavni kontejner za glavo */
-
 .dropdown-header-navigation {
     position: absolute;
     width: 100%;
@@ -26,27 +26,21 @@
     z-index: 1000;
 }
 
-/* 2. Vsebina glave (logotip, navigacija) */
+/* 2. Vsebina glave (logotip, navigacija) - POSODOBLJENO */
+.logo-link .logo-img {
+    height: 32px;
+    width: auto;
+    display: block; /* Za zanesljivo obnašanje */
+}
 
-.header-content {
+/* Nov ovoj za desno stran glave */
+.header-right-wrapper {
     display: flex;
     align-items: center;
-    flex-grow: 1; 
-    gap: 48px;
+    gap: 24px; /* Razmik med navigacijo in gumbi */
 }
 
-.header-content > nav {
-    flex-grow: 1;
-    display: flex;
-    height: 100%;
-}
-
-.logo-link .logo-img {
-   height: 32px;
-   width: auto;
-}
-
-/* Osnovna struktura navigacije (UL/LI) */
+/* Osnovna struktura navigacije */
 .navigation {
     list-style: none;
     margin: 0;
@@ -57,10 +51,6 @@
     width: 100%;
 }
 
-.navigation.desktop-nav {
-    justify-content: flex-end; 
-}
-
 .navigation .menu-item {
     position: relative;
     height: 100%;
@@ -68,17 +58,16 @@
     align-items: center;
 }
 
-/* Povezave v glavnem meniju - z več razmika */
+/* Povezave v glavnem meniju */
 .navigation > .menu-item > a {
     text-decoration: none;
     color: #667085;
     font-weight: 600;
     font-size: 16px;
-    padding: 0 20px;
+    padding: 0 16px; /* Prilagojen padding */
     height: 100%;
     display: flex;
     align-items: center;
-    gap: 8px;
     transition: color 0.2s ease-in-out;
     white-space: nowrap;
 }
@@ -87,6 +76,11 @@
     color: #101828;
 }
 
+/* Poudarjanje aktivne strani na namizju */
+.navigation .menu-item.active-page > a {
+    color: #2D738C;
+}
+
 /* Puščica za podmeni */
 .navigation .menu-item-has-children > a::after {
     content: '\f078';
@@ -94,10 +88,10 @@
     font-weight: 900;
     font-size: 12px;
     transition: transform 0.3s ease-in-out;
+    margin-left: 8px;
 }
 
 /* 3. Gumbi in akcije v glavi */
-
 .navigation-actions {
     display: flex;
     align-items: center;
@@ -109,6 +103,7 @@
     position: relative;
     cursor: pointer;
 }
+
 .current-lang {
     display: flex;
     align-items: center;
@@ -121,6 +116,7 @@
 .current-lang:hover { background-color: #F9FAFB; }
 .current-lang span { font-weight: 600; }
 .current-lang .fa-chevron-down { transition: transform 0.3s ease-in-out; }
+
 .lang-dropdown {
     display: block;
     position: absolute;
@@ -144,6 +140,7 @@
     transform: translateY(0);
 }
 .language-selector.active .current-lang .fa-chevron-down { transform: rotate(180deg); }
+
 .lang-dropdown a {
     display: block;
     padding: 10px 12px;
@@ -156,9 +153,7 @@
 }
 .lang-dropdown a:hover { background-color: #F9FAFB; }
 
-
-/* 4. Stili za namizni "dropdown" meni - PRENOVLJEN DIZAJN */
-
+/* 4. Stili za namizni "dropdown" meni */
 .dropdown-menu {
     position: absolute;
     top: 100%;
@@ -178,7 +173,6 @@
     transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
 }
 
-/* To pravilo povzroča težave na mobilnih napravah in ga bomo spodaj povozili */
 .navigation .menu-item:hover > .dropdown-menu {
     opacity: 1;
     visibility: visible;
@@ -189,9 +183,7 @@
     transform: rotate(180deg);
 }
 
-.dropdown-menu li {
-    padding: 0;
-}
+.dropdown-menu li { padding: 0; }
 
 .dropdown-menu a {
     display: block;
@@ -216,10 +208,9 @@
 
 
 /* ==========================================================================
-   5. Stili za mobilno glavo in "accordion" meni - POPOLNA PRENOVA
+   5. Stili za mobilno glavo in "accordion" meni
    ========================================================================== */
-
-@media (max-width: 1024px) { 
+@media (max-width: 1024px) {
 
     .dropdown-header-navigation {
         position: fixed;
@@ -232,12 +223,8 @@
         z-index: 1002;
     }
     
-    .header-content {
-        flex-grow: 0;
-    }
-
-    .navigation.desktop-nav,
-    .dropdown-header-navigation .container > .navigation-actions {
+    /* Skrij nov ovoj za desno stran na mobilni napravi */
+    .header-right-wrapper {
         display: none;
     }
 
@@ -280,8 +267,8 @@
         align-items: stretch;
         width: 100%;
         gap: 0;
-        border-bottom: 1px solid #EAECF0;
         padding-bottom: 24px;
+        border-bottom: none;
     }
 
     .mobile-nav .menu-item {
@@ -298,15 +285,20 @@
         justify-content: space-between;
         align-items: center;
         width: 100%;
-        padding: 16px 0;
+        padding: 16px;
         font-size: 20px;
         color: #101828;
         font-weight: 600;
         height: auto;
+        box-sizing: border-box;
     }
 
-    html.nav-open .mobile-nav .menu-item.open > a::after {
-        transform: rotate(180deg);
+    .mobile-nav .menu-item.active-page > a {
+        color: #2D738C;
+        font-weight: 700;
+        border-left: 3px solid #2D738C;
+        padding-left: 13px;
+        background-color: transparent;
     }
     
     .mobile-nav .dropdown-menu {
@@ -326,62 +318,33 @@
         transition: max-height 0.3s ease-in-out;
     }
 
-    .mobile-nav .menu-item.open > .dropdown-menu {
-        max-height: 500px;
-    }
-    
-    .mobile-nav .dropdown-menu ul {
-        padding: 0;
-        margin: 0;
-        list-style: none;
-    }
-    
-    .mobile-nav .dropdown-menu li {
-        padding: 0;
-    }
+    .mobile-nav .menu-item.open > .dropdown-menu { max-height: 500px; }
+    .mobile-nav .dropdown-menu ul { padding: 0; margin: 0; list-style: none; }
+    .mobile-nav .dropdown-menu li { padding: 0; }
 
     .mobile-nav .dropdown-menu a {
         display: block;
-        padding: 12px 16px 12px 24px;
+        padding: 12px 16px 12px 45px;
         color: #344054;
         font-weight: 500;
         font-size: 18px;
         border-radius: 6px;
         white-space: normal;
     }
-    .mobile-nav .dropdown-menu a:hover {
-        background-color: #F9FAFB;
-        color: #101828;
-    }
+    .mobile-nav .dropdown-menu a:hover { background-color: #F9FAFB; }
 
-    /* === KLJUČNI POPRAVEK: Onemogočimo namizne :hover efekte na mobilnih napravah === */
-    .mobile-nav .menu-item:hover > .dropdown-menu {
-        /* Preprečimo, da bi namizno pravilo :hover vplivalo na mobilni meni.
-           Na mobilni napravi je stanje odprtosti nadzorovano izključno z razredom .open. */
-        opacity: 1;
-        visibility: visible;
-        transform: none;
-    }
-
-    .mobile-nav .menu-item:hover > a::after {
-        /* Preprečimo obračanje puščice ob :hover dogodku. 
-           Puščica se bo obrnila le, ko je dodan razred .open. */
-        transform: none;
-    }
-    
-    html.nav-open .mobile-nav .menu-item.open > a::after {
-        /* Zagotovimo, da se puščica obrne, ko je meni odprt */
-        transform: rotate(180deg);
-    }
-    /* ================================================================================ */
+    .mobile-nav .menu-item:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: none; }
+    .mobile-nav .menu-item:hover > a::after { transform: none; }
+    html.nav-open .mobile-nav .menu-item.open > a::after { transform: rotate(180deg); }
 
     .mobile-nav-panel .navigation-actions {
         display: flex;
         flex-direction: column;
         gap: 16px;
         width: 100%;
-        margin-top: auto;
+        margin-top: 32px;
         padding-top: 32px;
+        border-top: 1px solid #EAECF0;
     }
 
     .mobile-nav-panel .navigation-actions .btn {
@@ -389,17 +352,106 @@
         max-width: 340px;
         align-self: center;
     }
-
-    .mobile-nav-panel .language-selector {
-        margin-top: 16px;
-        text-align: center;
+    
+    .mobile-nav-panel .language-selector .current-lang {
+        justify-content: center;
+        width: 100%;
+        max-width: 340px;
+        margin: 0 auto;
+        background-color: #F9FAFB;
+        border: 1px solid #EAECF0;
+        box-sizing: border-box;
     }
 
-    .mobile-nav-panel .lang-dropdown {
-        left: 50%;
-        transform: translateX(-50%);
-        right: auto;
-        bottom: calc(100% + 8px);
-        top: auto;
-    }
+    .mobile-nav-panel .lang-dropdown { display: none; }
+}
+
+/* ==========================================================================
+   6. Stili za modalno okno za izbiro jezika
+   ========================================================================== */
+#language-modal-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(16, 24, 40, 0.6);
+    z-index: 2000;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease, visibility 0.3s ease;
+}
+
+#language-modal-overlay.active {
+    opacity: 1;
+    visibility: visible;
+}
+
+.language-modal-content {
+    background-color: #FFFFFF;
+    border-radius: 16px;
+    padding: 24px;
+    width: 90%;
+    max-width: 400px;
+    box-shadow: 0 12px 24px -4px rgba(16, 24, 40, 0.08);
+    transform: scale(0.95);
+    transition: transform 0.3s ease;
+}
+
+#language-modal-overlay.active .language-modal-content {
+    transform: scale(1);
+}
+
+.language-modal-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 24px;
+}
+
+.language-modal-header h3 {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 600;
+    color: #101828;
+}
+
+#language-modal-close {
+    background: none;
+    border: none;
+    font-size: 24px;
+    color: #667085;
+    cursor: pointer;
+    padding: 4px;
+    line-height: 1;
+}
+
+.language-modal-body {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.language-modal-body a {
+    display: block;
+    padding: 12px 16px;
+    text-align: center;
+    text-decoration: none;
+    font-size: 18px;
+    font-weight: 500;
+    color: #344054;
+    background-color: #F9FAFB;
+    border: 1px solid #EAECF0;
+    border-radius: 8px;
+    transition: background-color 0.2s ease, border-color 0.2s ease;
+}
+
+.language-modal-body a:hover,
+.language-modal-body a.active-lang {
+    background-color: #FFFFFF;
+    border-color: #2D738C;
+    color: #2D738C;
 }
\ No newline at end of file
diff --git a/en/about-us/index.html b/en/about-us/index.html
index dc19503..a94f759 100644
--- a/en/about-us/index.html
+++ b/en/about-us/index.html
@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../en/" class="logo-link">
-                <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../en/" class="logo-link">
+            <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +147,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/about-us/index.html.bak b/en/about-us/index.html.bak
index af03b0a..02d858b 100644
--- a/en/about-us/index.html.bak
+++ b/en/about-us/index.html.bak
@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
@@ -367,7 +377,7 @@
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 
diff --git a/en/about-us/timeline-and-milestones/index.html b/en/about-us/timeline-and-milestones/index.html
index 08f08bf..ff815c6 100644
--- a/en/about-us/timeline-and-milestones/index.html
+++ b/en/about-us/timeline-and-milestones/index.html
@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../en/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +147,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/about-us/timeline-and-milestones/index.html.bak b/en/about-us/timeline-and-milestones/index.html.bak
index e134786..1b6aacc 100644
--- a/en/about-us/timeline-and-milestones/index.html.bak
+++ b/en/about-us/timeline-and-milestones/index.html.bak
@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/index.html b/en/index.html
index a035853..9aeaba1 100644
--- a/en/index.html
+++ b/en/index.html
@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../en/" class="logo-link">
-                <img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../en/" class="logo-link">
+            <img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +147,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/index.html.bak b/en/index.html.bak
index b1a8359..688e7c7 100644
--- a/en/index.html.bak
+++ b/en/index.html.bak
@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
@@ -465,6 +475,5 @@
 </footer>
 <!-- END_FOOTER -->
 
-    <script src="../main.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/en/projects/index.html b/en/projects/index.html
index c05c0fd..d6cbc23 100644
--- a/en/projects/index.html
+++ b/en/projects/index.html
@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../en/" class="logo-link">
-                <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../en/" class="logo-link">
+            <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +147,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/index.html.bak b/en/projects/index.html.bak
index b42227d..46f5782 100644
--- a/en/projects/index.html.bak
+++ b/en/projects/index.html.bak
@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
@@ -322,7 +332,7 @@
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 
diff --git a/en/projects/macedonian-student-night-in-ljubljana/index.html b/en/projects/macedonian-student-night-in-ljubljana/index.html
index 7a58782..8a52e50 100644
--- a/en/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/en/projects/macedonian-student-night-in-ljubljana/index.html
@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../en/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +147,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/macedonian-student-night-in-ljubljana/index.html.bak b/en/projects/macedonian-student-night-in-ljubljana/index.html.bak
index caa0c8a..ed1e15e 100644
--- a/en/projects/macedonian-student-night-in-ljubljana/index.html.bak
+++ b/en/projects/macedonian-student-night-in-ljubljana/index.html.bak
@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
index a14a253..86955b2 100644
--- a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
+++ b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../en/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +147,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak
index 03594fb..1d3f8d8 100644
--- a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak
+++ b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak
@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/meet-student-slovenia-2023/index.html b/en/projects/meet-student-slovenia-2023/index.html
index d93724e..01a4542 100644
--- a/en/projects/meet-student-slovenia-2023/index.html
+++ b/en/projects/meet-student-slovenia-2023/index.html
@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../en/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +147,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/meet-student-slovenia-2023/index.html.bak b/en/projects/meet-student-slovenia-2023/index.html.bak
index c15b7ae..380c399 100644
--- a/en/projects/meet-student-slovenia-2023/index.html.bak
+++ b/en/projects/meet-student-slovenia-2023/index.html.bak
@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/meet-student-slovenia-2024/index.html b/en/projects/meet-student-slovenia-2024/index.html
index 0c9b5ce..881c2c8 100644
--- a/en/projects/meet-student-slovenia-2024/index.html
+++ b/en/projects/meet-student-slovenia-2024/index.html
@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../en/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +147,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/meet-student-slovenia-2024/index.html.bak b/en/projects/meet-student-slovenia-2024/index.html.bak
index 366ad00..103aa4d 100644
--- a/en/projects/meet-student-slovenia-2024/index.html.bak
+++ b/en/projects/meet-student-slovenia-2024/index.html.bak
@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/morning-coffee-in-front-of-ctk/index.html b/en/projects/morning-coffee-in-front-of-ctk/index.html
index 26ba9fc..68265d7 100644
--- a/en/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/en/projects/morning-coffee-in-front-of-ctk/index.html
@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../en/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +147,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/morning-coffee-in-front-of-ctk/index.html.bak b/en/projects/morning-coffee-in-front-of-ctk/index.html.bak
index 2aa8583..6c7398f 100644
--- a/en/projects/morning-coffee-in-front-of-ctk/index.html.bak
+++ b/en/projects/morning-coffee-in-front-of-ctk/index.html.bak
@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/testproject/index.html b/en/projects/testproject/index.html
index 5951ac4..ad79f4a 100644
--- a/en/projects/testproject/index.html
+++ b/en/projects/testproject/index.html
@@ -21,11 +21,13 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../en/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +147,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/en/projects/testproject/index.html.bak b/en/projects/testproject/index.html.bak
index b855484..99562a4 100644
--- a/en/projects/testproject/index.html.bak
+++ b/en/projects/testproject/index.html.bak
@@ -76,7 +76,7 @@
         <div class="navigation-actions">
             <button class="btn btn-secondary">Become a member</button>
             <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
+            <!-- Language Switcher (Desktop Dropdown) -->
             <div class="language-selector">
                 <div class="current-lang">
                     <i class="fas fa-globe"></i>
@@ -99,7 +99,7 @@
     </div>
 </header>
 
-<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
+<!-- Mobile Navigation Panel -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,18 +148,28 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
+        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Language Selection Modal (for Mobile) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/export_code.sh b/export_code.sh
index 4917d54..1a37df6 100755
--- a/export_code.sh
+++ b/export_code.sh
@@ -17,28 +17,29 @@ find . -type f \
     -not -path "*vendor*" \
     -not -path "*dist*" \
     -not -path "*build*" \
-    -not -name "*.jpg" -not -name "*.jpeg" \
-    -not -name "*.png" -not -name "*.gif" \
-    -not -name "*.bmp" -not -name "*.tiff" \
-    -not -name "*.svg" -not -name "*.ico" \
-    -not -name "*.webp" \
-    -not -name "*.mp4" -not -name "*.mov" \
-    -not -name "*.avi" -not -name "*.mkv" \
-    -not -name "*.webm" \
-    -not -name "*.mp3" -not -name "*.wav" \
-    -not -name "*.ogg" -not -name "*.flac" \
-    -not -name "*.pdf" \
-    -not -name "*.zip" \
-    -not -name "*.tar" \
-    -not -name "*.gz" \
-    -not -name "*.bz2" \
-    -not -name "*.rar" \
-    -not -name "*.7z" \
-    -not -name "*.doc" -not -name "*.docx" \
-    -not -name "*.xls" -not -name "*.xlsx" \
-    -not -name "*.ppt" -not -name "*.pptx" \
-    -not -name "*.eot" -not -name "*.ttf" \
-    -not -name "*.woff" -not -name "*.woff2" \
+    -not -path "*/images/*" \
+    -not -iname "*.jpg" -not -iname "*.jpeg" \
+    -not -iname "*.png" -not -iname "*.gif" \
+    -not -iname "*.bmp" -not -iname "*.tiff" \
+    -not -iname "*.svg" -not -iname "*.ico" \
+    -not -iname "*.webp" \
+    -not -iname "*.mp4" -not -iname "*.mov" \
+    -not -iname "*.avi" -not -iname "*.mkv" \
+    -not -iname "*.webm" \
+    -not -iname "*.mp3" -not -iname "*.wav" \
+    -not -iname "*.ogg" -not -iname "*.flac" \
+    -not -iname "*.pdf" \
+    -not -iname "*.zip" \
+    -not -iname "*.tar" \
+    -not -iname "*.gz" \
+    -not -iname "*.bz2" \
+    -not -iname "*.rar" \
+    -not -iname "*.7z" \
+    -not -iname "*.doc" -not -iname "*.docx" \
+    -not -iname "*.xls" -not -iname "*.xlsx" \
+    -not -iname "*.ppt" -not -iname "*.pptx" \
+    -not -iname "*.eot" -not -iname "*.ttf" \
+    -not -iname "*.woff" -not -iname "*.woff2" \
     | sort | while read -r file; do
     
     # Preskoči samo izhodno datoteko in to skripto
@@ -46,8 +47,8 @@ find . -type f \
         continue
     fi
     
-    # Dodatna varnostna preverba: preskoči binarne datoteke, ki jih 'find' morda ni ujel
-    if file "$file" | grep -q "binary"; then
+    # Dodatna varnostna preverba: preskoči slikovne datoteke po MIME tipu
+    if file --mime-type -b "$file" | grep -qiE '^(image)/'; then
         continue
     fi
     
@@ -60,4 +61,4 @@ find . -type f \
     echo "" >> "$OUTPUT_FILE"
 done
 
-echo "Izvoz kode končan. Vsebina je shranjena v datoteko $OUTPUT_FILE"
\ No newline at end of file
+echo "Izvoz kode končan. Vsebina je shranjena v datoteko $OUTPUT_FILE"
diff --git a/main.js b/main.js
index 57fd65c..0642253 100644
--- a/main.js
+++ b/main.js
@@ -2,32 +2,30 @@ document.addEventListener('DOMContentLoaded', function() {
 
     /**
      * ===================================================================
-     * 1. OSNOVNA FUNKCIONALNOST MOBILNE NAVIGACIJE (Robustna različica)
+     * 1. OSNOVNA FUNKCIONALNOST MOBILNE NAVIGACIJE
      * ===================================================================
      */
 
-    // === MOBILNI MENI: Robusten toggle na <html> ===
+    // === MOBILNI MENI: Preklop vidnosti menija ===
     try {
         const icon = document.querySelector('.mobile-menu-icon');
-        const root = document.documentElement; // Ciljamo <html>, da se izognemo konfliktom na <body>
+        const root = document.documentElement;
 
         if (!icon) {
             console.error('Mobile menu icon not found.');
         } else {
             icon.addEventListener('click', (e) => {
                 e.preventDefault();
-                e.stopPropagation(); // Preprečimo "bubbling" dogodka, ki bi lahko takoj zaprl meni
+                e.stopPropagation();
                 root.classList.toggle('nav-open');
             });
 
-            // Zapri meni ob kliku izven panela ali ikone
             document.addEventListener('click', (e) => {
                 if (root.classList.contains('nav-open') && !e.target.closest('.mobile-nav-panel') && !e.target.closest('.mobile-menu-icon')) {
                     root.classList.remove('nav-open');
                 }
             });
 
-            // Zapri meni s tipko Escape
             document.addEventListener('keydown', (e) => {
                 if (e.key === 'Escape') {
                     root.classList.remove('nav-open');
@@ -38,7 +36,7 @@ document.addEventListener('DOMContentLoaded', function() {
         console.error('Error in Mobile Menu Toggle:', err);
     }
 
-    // --- Mobilni Accordion podmeni (ostane nespremenjen) ---
+    // --- Mobilni Accordion podmeni ---
     try {
         const mobileNav = document.querySelector('.mobile-nav-panel .mobile-nav');
         if (mobileNav) {
@@ -48,21 +46,18 @@ document.addEventListener('DOMContentLoaded', function() {
                 const link = item.querySelector('a');
                 if (link) {
                     link.addEventListener('click', (event) => {
-                        // Prepreči privzeto dejanje samo za glavne povezave, ki imajo podmeni
                         if (event.currentTarget.parentElement.classList.contains('menu-item-has-children')) {
                             event.preventDefault();
                         }
 
                         const parentLi = event.currentTarget.parentElement;
 
-                        // Zapri ostale odprte podmenije (efekt harmonike)
                         menuItemsWithChildren.forEach(otherItem => {
                             if (otherItem !== parentLi && otherItem.classList.contains('open')) {
                                 otherItem.classList.remove('open');
                             }
                         });
 
-                        // Preklopi stanje trenutnega podmenija
                         parentLi.classList.toggle('open');
                     });
                 }
@@ -75,88 +70,135 @@ document.addEventListener('DOMContentLoaded', function() {
 
     /**
      * ===================================================================
-     * 2. DODATNE FUNKCIONALNOSTI (Jezik, FAQ, itd.)
-     * Te skripte so ločene, da morebitne napake ne vplivajo na meni.
+     * 2. IZBOLJŠAVE UPORABNIŠKE IZKUŠNJE (UX/UI)
      * ===================================================================
      */
 
-    // --- Preklopnik jezika (Language Switcher) ---
-    try {
-        const languageSelectors = document.querySelectorAll('.language-selector');
-        if (languageSelectors.length > 0) {
-            languageSelectors.forEach(selector => {
+    // --- Funkcija za poudarjanje aktivne povezave v navigaciji ---
+    function highlightActiveLink() {
+        try {
+            const currentPath = window.location.pathname;
+            const navLinks = document.querySelectorAll('.navigation a');
+            let bestMatch = null;
+            let longestMatch = 0;
+
+            navLinks.forEach(link => {
+                if (link.closest('.dropdown-menu')) return;
+                
+                const linkPath = new URL(link.href, window.location.origin).pathname;
+
+                if (currentPath.startsWith(linkPath) && linkPath.length > longestMatch) {
+                    longestMatch = linkPath.length;
+                    bestMatch = link;
+                }
+            });
+            
+            if (bestMatch) {
+                const parentMenuItem = bestMatch.closest('.menu-item');
+                if (parentMenuItem) {
+                    parentMenuItem.classList.add('active-page');
+                }
+            }
+        } catch (error) {
+            console.error("Error highlighting active link:", error);
+        }
+    }
+
+
+    // --- Funkcionalnost za preklopnik jezika (Desktop Dropdown + Mobile Modal) ---
+    function setupLanguageSwitcher() {
+        try {
+            // 1. POPRAVLJENA Logika za dinamično generiranje URL-jev
+            const path = window.location.pathname;
+            const pathParts = path.split('/').filter(Boolean);
+            const validLangs = ['en', 'si', 'mk'];
+            let pathWithoutLang = '/';
+
+            if (pathParts.length > 0 && validLangs.includes(pathParts[0])) {
+                // Sestavi pot iz delov, ki sledijo jezikovni kodi
+                pathWithoutLang = '/' + pathParts.slice(1).join('/');
+                // Če se je originalna pot končala s '/', jo dodaj nazaj (za mape)
+                if (path.endsWith('/') && pathWithoutLang !== '/') {
+                    pathWithoutLang += '/';
+                }
+            } else {
+                pathWithoutLang = path;
+            }
+
+            document.querySelectorAll('a[data-lang]').forEach(link => {
+                const targetLang = link.getAttribute('data-lang');
+                // Združi novo jezikovno kodo in preostanek poti
+                const newUrl = `/${targetLang}${pathWithoutLang}`;
+                // Zamenjaj morebitne dvojne poševnice z eno samo, razen na začetku
+                link.setAttribute('href', newUrl.replace(/\/{2,}/g, '/'));
+            });
+
+            // 2. POPRAVLJENA Logika za NAMIZNI dropdown
+            // Uporablja bolj specifičen selektor, ki se ujema z novo HTML strukturo
+            const desktopSelectors = document.querySelectorAll('.header-right-wrapper .language-selector');
+            desktopSelectors.forEach(selector => {
                 const currentLang = selector.querySelector('.current-lang');
                 if (currentLang) {
                     currentLang.addEventListener('click', (event) => {
                         event.stopPropagation();
                         const isActive = selector.classList.contains('active');
-                        languageSelectors.forEach(s => s.classList.remove('active')); // Zapri vse
+                        document.querySelectorAll('.language-selector.active').forEach(s => s.classList.remove('active'));
                         if (!isActive) {
-                            selector.classList.add('active'); // Odpri samo trenutnega
+                            selector.classList.add('active');
                         }
                     });
                 }
             });
-
-            // Globalni listenerji za zapiranje
-            window.addEventListener('click', () => {
-                languageSelectors.forEach(s => s.classList.remove('active'));
-            });
-            window.addEventListener('keydown', (e) => {
-                if (e.key === 'Escape') {
-                    languageSelectors.forEach(s => s.classList.remove('active'));
-                }
-            });
-
-            // Dinamično generiranje URL-jev
-            const path = window.location.pathname;
-            const pathParts = path.split('/').filter(Boolean);
-            const validLangs = ['en', 'si', 'mk'];
-            let currentLangCode = validLangs[0]; // Privzeto na 'en', če ni najden
-            let relativePathAfterLang = path;
-
-            for (const lang of validLangs) {
-                if (pathParts.length > 0 && pathParts[0] === lang) {
-                    currentLangCode = lang;
-                    relativePathAfterLang = '/' + pathParts.slice(1).join('/');
-                    break;
-                }
-            }
             
-            languageSelectors.forEach(selector => {
-                const langLinks = selector.querySelectorAll('.lang-dropdown a[data-lang]');
-                langLinks.forEach(link => {
-                    const targetLang = link.getAttribute('data-lang');
-                    // Zgradi novo pot relativno glede na korensko mapo
-                    const newUrl = `/${targetLang}${relativePathAfterLang === '/' ? '' : relativePathAfterLang}`;
-                    link.setAttribute('href', newUrl);
-                });
+            window.addEventListener('click', () => {
+                desktopSelectors.forEach(s => s.classList.remove('active'));
             });
+
+            // 3. Logika za MOBILNO modalno okno (ostaja enaka, vendar bo zdaj delovala pravilno)
+            const mobileLangButton = document.getElementById('mobile-lang-trigger');
+            const languageModal = document.getElementById('language-modal-overlay');
+            const closeModalButton = document.getElementById('language-modal-close');
+
+            if (mobileLangButton && languageModal && closeModalButton) {
+                mobileLangButton.addEventListener('click', (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    languageModal.classList.add('active');
+                });
+
+                const closeModal = () => {
+                    languageModal.classList.remove('active');
+                };
+
+                closeModalButton.addEventListener('click', closeModal);
+                languageModal.addEventListener('click', (e) => {
+                    if (e.target === languageModal) closeModal();
+                });
+                document.addEventListener('keydown', (e) => {
+                    if (e.key === 'Escape' && languageModal.classList.contains('active')) closeModal();
+                });
+            }
+
+        } catch (error) {
+            console.error('Error in Language Switcher setup:', error);
         }
-    } catch (error) {
-        console.error('Error in Language Switcher:', error);
     }
-    
+
+
+    /**
+     * ===================================================================
+     * 3. OSTALE FUNKCIONALNOSTI (FAQ, ACTIVITIES, ITD.)
+     * ===================================================================
+     */
+
     // --- FAQ Accordion ---
     try {
-        const faqItems = document.querySelectorAll('.faq-item');
-        if (faqItems.length > 0) {
-            faqItems.forEach(item => {
-                const header = item.querySelector('h3');
-                if (header) {
-                    header.addEventListener('click', () => {
-                        const content = item.querySelector('p');
-                        if (content) {
-                            if (content.style.display === "none" || content.style.display === "") {
-                                content.style.display = "block";
-                            } else {
-                                content.style.display = "none";
-                            }
-                        }
-                    });
-                }
+        document.querySelectorAll('.faq-item h3').forEach(header => {
+            header.addEventListener('click', () => {
+                const faqItem = header.parentElement;
+                faqItem.classList.toggle('open');
             });
-        }
+        });
     } catch (error) {
         console.error('Error in FAQ Accordion:', error);
     }
@@ -197,4 +239,13 @@ document.addEventListener('DOMContentLoaded', function() {
     } catch (error) {
         console.error('Error in Activities Tab:', error);
     }
+
+    /**
+     * ===================================================================
+     * 4. ZAGON FUNKCIJ PO NALOŽITVI STRANI
+     * ===================================================================
+     */
+    highlightActiveLink();
+    setupLanguageSwitcher();
+
 });
\ No newline at end of file
diff --git a/mk/index.html b/mk/index.html
index 5c8bc05..fd13e83 100644
--- a/mk/index.html
+++ b/mk/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../mk/" class="logo-link">
-                <img src="../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
-            </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../mk/projects/">Проекти</a>
-            </nav>
-        </div>
-
-        <!-- Копчиња за десктоп -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
-            <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Панел за мобилна навигација -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../mk/projects/">Проекти</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../mk/" class="logo-link">
+            <img src="../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main>
@@ -386,6 +473,5 @@
 </footer>
 <!-- END_FOOTER -->
 
-    <script src="../main.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/mk/index.html.bak b/mk/index.html.bak
index 6fe635b..5c8bc05 100644
--- a/mk/index.html.bak
+++ b/mk/index.html.bak
@@ -238,7 +238,7 @@
                 <h2>Станете дел од нашиот неверојатен тим</h2>
                 <p>Ние сме 100% тим на далечина, распространет низ целиот свет. Придружете ни се!</p>
             </div>
-            <img src="../images/9-becomepart.png" alt="Нашиот неверојатен тим во училница" class="team-photo">
+            <img src="../images/9-becomepart.webp" alt="Нашиот неверојатен тим во училница" class="team-photo">
             
             <div class="contact-form-container">
                 <form class="contact-form">
diff --git a/mk/projects/index.html b/mk/projects/index.html
index b0b1ae0..9573f91 100644
--- a/mk/projects/index.html
+++ b/mk/projects/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../mk/" class="logo-link">
-                <img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
-            </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../mk/projects/">Проекти</a>
-            </nav>
-        </div>
-
-        <!-- Копчиња за десктоп -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
-            <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Панел за мобилна навигација -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../mk/projects/">Проекти</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../mk/" class="logo-link">
+            <img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="page-content">
diff --git a/mk/projects/index.html.bak b/mk/projects/index.html.bak
index 9bffb78..b0b1ae0 100644
--- a/mk/projects/index.html.bak
+++ b/mk/projects/index.html.bak
@@ -243,7 +243,7 @@
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 
diff --git a/mk/projects/macedonian-student-night-in-ljubljana/index.html b/mk/projects/macedonian-student-night-in-ljubljana/index.html
index e8eddbf..613b5d5 100644
--- a/mk/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/mk/projects/macedonian-student-night-in-ljubljana/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../mk/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
-            </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-        </div>
-
-        <!-- Копчиња за десктоп -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
-            <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Панел за мобилна навигација -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../mk/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
diff --git a/mk/projects/macedonian-student-night-in-ljubljana/index.html.bak b/mk/projects/macedonian-student-night-in-ljubljana/index.html.bak
index 0489624..e8eddbf 100644
--- a/mk/projects/macedonian-student-night-in-ljubljana/index.html.bak
+++ b/mk/projects/macedonian-student-night-in-ljubljana/index.html.bak
@@ -105,7 +105,7 @@
                 <p>Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/msnl-2.png" alt="Подготовки и состаноци за македонската студентска вечер">
+                    <img src="../../../images/msnl-2.webp" alt="Подготовки и состаноци за македонската студентска вечер">
                     <figcaption>Фотографии од подготовките и состаноците за организирање на македонската студентска вечер</figcaption>
                 </figure>
                 
diff --git a/mk/projects/meet-student-slovenia-2023/index.html b/mk/projects/meet-student-slovenia-2023/index.html
index f9b4b1b..866dec2 100644
--- a/mk/projects/meet-student-slovenia-2023/index.html
+++ b/mk/projects/meet-student-slovenia-2023/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../mk/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
-            </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-        </div>
-
-        <!-- Копчиња за десктоп -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
-            <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Панел за мобилна навигација -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../mk/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
diff --git a/mk/projects/meet-student-slovenia-2023/index.html.bak b/mk/projects/meet-student-slovenia-2023/index.html.bak
index 1f8b4f0..f9b4b1b 100644
--- a/mk/projects/meet-student-slovenia-2023/index.html.bak
+++ b/mk/projects/meet-student-slovenia-2023/index.html.bak
@@ -156,7 +156,7 @@
                 <p>Посебен момент на настанот беше обраќањето на конзулот од Амбасадата на Република Словенија во Северна Македонија, господинот Мартин Глазар. Тој накратко ги претстави најважните чекори од процесот за добивање дозвола за привремен престој – една од најголемите грижи и предизвици за сите странски студенти во Словенија. На тој начин, идните студенти добија појасна слика за тоа што ги очекува и како полесно да се справат со административните процедури.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-9.png" alt="Конзулот ги запознава студентите со процесот за добивање привремена дозвола за престој">
+                    <img src="../../../images/event3-photo-9.webp" alt="Конзулот ги запознава студентите со процесот за добивање привремена дозвола за престој">
                     <figcaption>Фотографија од конзулот кој на интересен начин ги запознава студентите со процесот за добивање на привремена дозвола за престој!</figcaption>
                 </figure>
 
diff --git a/mk/projects/meet-student-slovenia-2024/index.html b/mk/projects/meet-student-slovenia-2024/index.html
index 3fd491e..87c6cc5 100644
--- a/mk/projects/meet-student-slovenia-2024/index.html
+++ b/mk/projects/meet-student-slovenia-2024/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../mk/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
-            </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-        </div>
-
-        <!-- Копчиња за десктоп -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
-            <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Панел за мобилна навигација -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../mk/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
diff --git a/mk/projects/meet-student-slovenia-2024/index.html.bak b/mk/projects/meet-student-slovenia-2024/index.html.bak
index a51949c..3fd491e 100644
--- a/mk/projects/meet-student-slovenia-2024/index.html.bak
+++ b/mk/projects/meet-student-slovenia-2024/index.html.bak
@@ -152,7 +152,7 @@
                 <p>Овојпат спомените од вечерта ги должиме на Христина Траковска, која беше фотограф и се погрижи сите тие моменти да останат забележани и да можеме повторно да ги проживуваме преку фотографии.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-10.png" alt="Поздравен говор на Н.Е. амбасадор господинот Грегор Прескер.">
+                    <img src="../../../images/event4-img-10.webp" alt="Поздравен говор на Н.Е. амбасадор господинот Грегор Прескер.">
                     <figcaption>Фотографија од поздравниот говор на Н.Е. амбасадор господинот Грегор Прескер.</figcaption>
                 </figure>
 
diff --git a/mk/projects/morning-coffee-in-front-of-ctk/index.html b/mk/projects/morning-coffee-in-front-of-ctk/index.html
index 8a8e140..1a5cb07 100644
--- a/mk/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/mk/projects/morning-coffee-in-front-of-ctk/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../mk/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
-            </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
-            </nav>
-        </div>
-
-        <!-- Копчиња за десктоп -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
-            <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Панел за мобилна навигација -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="../../../mk/projects/">Проекти</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../mk/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
diff --git a/mk/projects/morning-coffee-in-front-of-ctk/index.html.bak b/mk/projects/morning-coffee-in-front-of-ctk/index.html.bak
index 7eb5108..8a8e140 100644
--- a/mk/projects/morning-coffee-in-front-of-ctk/index.html.bak
+++ b/mk/projects/morning-coffee-in-front-of-ctk/index.html.bak
@@ -144,7 +144,7 @@
                 <p>Се гледаме повторно и следната година – уште поопуштени и со уште повеќе кафе!</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-image7.png" alt="Колаж од фотографии на кои се прикажани студенти, шолји за кафе и бурек.">
+                    <img src="../../../images/event4-image7.webp" alt="Колаж од фотографии на кои се прикажани студенти, шолји за кафе и бурек.">
                     <figcaption>Убава дружба, многу спомени и заеднички пребродени испитни стресови.</figcaption>
                 </figure>
             </div>
diff --git a/si/index.html b/si/index.html
index 81a1c77..167c2c5 100644
--- a/si/index.html
+++ b/si/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../si/" class="logo-link">
-                <img src="../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
-            </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../si/projects/">Projekti</a>
-            </nav>
-        </div>
-
-        <!-- Gumbi za namizje -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
-            <button class="btn btn-primary">Donirajte</button>
-            <!-- Zamenjan preklopnik jezika -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">SI</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Panel za mobilno navigacijo -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../si/projects/">Projekti</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../si/" class="logo-link">
+            <img src="../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
+                <button class="btn btn-secondary">Postani član</button>
+                <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
+                        <span id="current-lang-code">SI</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main>
@@ -386,6 +473,5 @@
 </footer>
 <!-- END_FOOTER -->
 
-    <script src="../main.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/si/index.html.bak b/si/index.html.bak
index c528e21..81a1c77 100644
--- a/si/index.html.bak
+++ b/si/index.html.bak
@@ -238,7 +238,7 @@
                 <h2>Postanite del naše izjemne ekipe</h2>
                 <p>Smo 100% oddaljena ekipa, razpršena po vsem svetu. Pridružite se nam!</p>
             </div>
-            <img src="../images/9-becomepart.png" alt="Naša izjemna ekipa v učilnici" class="team-photo">
+            <img src="../images/9-becomepart.webp" alt="Naša izjemna ekipa v učilnici" class="team-photo">
             
             <div class="contact-form-container">
                 <form class="contact-form">
diff --git a/si/projects/index.html b/si/projects/index.html
index 439dc9b..cc177af 100644
--- a/si/projects/index.html
+++ b/si/projects/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../si/" class="logo-link">
-                <img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
-            </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../si/projects/">Projekti</a>
-            </nav>
-        </div>
-
-        <!-- Gumbi za namizje -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
-            <button class="btn btn-primary">Donirajte</button>
-            <!-- Zamenjan preklopnik jezika -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">SI</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Panel za mobilno navigacijo -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../si/projects/">Projekti</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../si/" class="logo-link">
+            <img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
+                <button class="btn btn-secondary">Postani član</button>
+                <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
+                        <span id="current-lang-code">SI</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="page-content">
diff --git a/si/projects/index.html.bak b/si/projects/index.html.bak
index 2287192..439dc9b 100644
--- a/si/projects/index.html.bak
+++ b/si/projects/index.html.bak
@@ -243,7 +243,7 @@
             </div>
         </div>
     </div>
-    
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 
diff --git a/si/projects/macedonian-student-night-in-ljubljana/index.html b/si/projects/macedonian-student-night-in-ljubljana/index.html
index 78e6b7e..8f49c28 100644
--- a/si/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/si/projects/macedonian-student-night-in-ljubljana/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../si/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
-            </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-        </div>
-
-        <!-- Gumbi za namizje -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
-            <button class="btn btn-primary">Donirajte</button>
-            <!-- Zamenjan preklopnik jezika -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">SI</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Panel za mobilno navigacijo -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../si/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
+                <button class="btn btn-secondary">Postani član</button>
+                <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
+                        <span id="current-lang-code">SI</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
diff --git a/si/projects/macedonian-student-night-in-ljubljana/index.html.bak b/si/projects/macedonian-student-night-in-ljubljana/index.html.bak
index 3193071..78e6b7e 100644
--- a/si/projects/macedonian-student-night-in-ljubljana/index.html.bak
+++ b/si/projects/macedonian-student-night-in-ljubljana/index.html.bak
@@ -105,7 +105,7 @@
                 <p>Vse se je začelo s preprosto željo – da se zberemo, spoznamo in začutimo Makedonijo, čeprav smo daleč od nje. Kristijan Popovski, takrat študent Ekonomske fakultete v Ljubljani, je svojo idejo delil z nekaj kolegi, odziv pa je bil neverjeten. V manj kot dveh tednih se je v organizacijsko ekipo vključilo več kot 40 študentov. Vsak je prispeval svoj entuziazem in čas, skupni duh in želja po povezovanju pa sta to spontano pobudo spremenila v dogodek, ki si ga bomo dolgo zapomnili.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/msnl-2.png" alt="Priprave in sestanki za Makedonsko študentsko noč">
+                    <img src="../../../images/msnl-2.webp" alt="Priprave in sestanki za Makedonsko študentsko noč">
                     <figcaption>Fotografije s priprav in sestankov za organizacijo Makedonske študentske noči.</figcaption>
                 </figure>
                 
diff --git a/si/projects/meet-student-slovenia-2023/index.html b/si/projects/meet-student-slovenia-2023/index.html
index 816df42..8ea14df 100644
--- a/si/projects/meet-student-slovenia-2023/index.html
+++ b/si/projects/meet-student-slovenia-2023/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../si/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
-            </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-        </div>
-
-        <!-- Gumbi za namizje -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
-            <button class="btn btn-primary">Donirajte</button>
-            <!-- Zamenjan preklopnik jezika -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">SI</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Panel za mobilno navigacijo -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../si/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
+                <button class="btn btn-secondary">Postani član</button>
+                <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
+                        <span id="current-lang-code">SI</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
diff --git a/si/projects/meet-student-slovenia-2023/index.html.bak b/si/projects/meet-student-slovenia-2023/index.html.bak
index cfd2a33..816df42 100644
--- a/si/projects/meet-student-slovenia-2023/index.html.bak
+++ b/si/projects/meet-student-slovenia-2023/index.html.bak
@@ -156,7 +156,7 @@
                 <p>Poseben trenutek dogodka je bil nagovor konzula Veleposlaništva Republike Slovenije v Severni Makedoniji, gospoda Martina Glazarja. Na kratko je predstavil najpomembnejše korake postopka za pridobitev začasnega dovoljenja za prebivanje – eno največjih skrbi in izzivov za vse tuje študente v Sloveniji. Na ta način so bodoči študenti dobili jasnejšo sliko o tem, kaj jih čaka in kako se lažje spopasti z administrativnimi postopki.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event3-photo-9.png" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
+                    <img src="../../../images/event3-photo-9.webp" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
                     <figcaption>Fotografija konzula, ki na zanimiv način seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje!</figcaption>
                 </figure>
 
diff --git a/si/projects/meet-student-slovenia-2024/index.html b/si/projects/meet-student-slovenia-2024/index.html
index ff19d61..8500515 100644
--- a/si/projects/meet-student-slovenia-2024/index.html
+++ b/si/projects/meet-student-slovenia-2024/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../si/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
-            </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-        </div>
-
-        <!-- Gumbi za namizje -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
-            <button class="btn btn-primary">Donirajte</button>
-            <!-- Zamenjan preklopnik jezika -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">SI</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Panel za mobilno navigacijo -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../si/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
+                <button class="btn btn-secondary">Postani član</button>
+                <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
+                        <span id="current-lang-code">SI</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
diff --git a/si/projects/meet-student-slovenia-2024/index.html.bak b/si/projects/meet-student-slovenia-2024/index.html.bak
index 427362f..ff19d61 100644
--- a/si/projects/meet-student-slovenia-2024/index.html.bak
+++ b/si/projects/meet-student-slovenia-2024/index.html.bak
@@ -152,7 +152,7 @@
                 <p>Tokratne spomine na večer dolgujemo Hristini Trakovski, ki je bila fotografinja in je poskrbela, da so vsi ti trenutki ostali zabeleženi in jih lahko ponovno podoživimo skozi fotografije.</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-img-10.png" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
+                    <img src="../../../images/event4-img-10.webp" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
                     <figcaption>Fotografija pozdravnega govora N.E. veleposlanika gospoda Gregorja Preskerja.</figcaption>
                 </figure>
 
diff --git a/si/projects/morning-coffee-in-front-of-ctk/index.html b/si/projects/morning-coffee-in-front-of-ctk/index.html
index 22a27ad..855e25b 100644
--- a/si/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/si/projects/morning-coffee-in-front-of-ctk/index.html
@@ -21,69 +21,156 @@
     <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="../../../si/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
-            </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
-            </nav>
-        </div>
-
-        <!-- Gumbi za namizje -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
-            <button class="btn btn-primary">Donirajte</button>
-            <!-- Zamenjan preklopnik jezika -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">SI</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Panel za mobilno navigacijo -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="../../../si/projects/">Projekti</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../si/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
+                <button class="btn btn-secondary">Postani član</button>
+                <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
+                        <span id="current-lang-code">SI</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
 
     <main class="article-page">
diff --git a/si/projects/morning-coffee-in-front-of-ctk/index.html.bak b/si/projects/morning-coffee-in-front-of-ctk/index.html.bak
index cf5732b..22a27ad 100644
--- a/si/projects/morning-coffee-in-front-of-ctk/index.html.bak
+++ b/si/projects/morning-coffee-in-front-of-ctk/index.html.bak
@@ -144,7 +144,7 @@
                 <p>Se vidimo ponovno prihodnje leto – še bolj sproščeni in z še več kave!</p>
                 
                 <figure class="article-inline-image">
-                    <img src="../../../images/event4-image7.png" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
+                    <img src="../../../images/event4-image7.webp" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
                     <figcaption>Dobra družba, veliko spominov in skupaj premagan izpitni stres.</figcaption>
                 </figure>
             </div>
diff --git a/templates/en/header.html b/templates/en/header.html
index e995c9b..d93102f 100644
--- a/templates/en/header.html
+++ b/templates/en/header.html
@@ -1,11 +1,13 @@
 <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="{{ROOT_PREFIX}}en/" class="logo-link">
-                <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <!-- Desktop Navigation -->
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="{{ROOT_PREFIX}}en/" class="logo-link">
+            <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
             <nav>
                 <ul class="navigation desktop-nav">
                     <li class="menu-item menu-item-has-children">
@@ -50,28 +52,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">EN</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
+            <div class="navigation-actions">
+                <button class="btn btn-secondary">Become a member</button>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="si">Slovenščina (SI)</a>
+                        <a href="#" data-lang="en">English (EN)</a>
+                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                    </div>
                 </div>
             </div>
         </div>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
         <div class="mobile-menu-icon">
             <i class="fas fa-bars"></i>
             <i class="fas fa-times"></i>
@@ -79,7 +78,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -128,18 +127,27 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (for mobile) -->
         <div class="language-selector">
-            <div class="current-lang">
+            <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
-                <span id="current-lang-code-mobile">EN</span>
-                <i class="fas fa-chevron-down"></i>
-            </div>
-            <div class="lang-dropdown">
-                <a href="#" data-lang="si">Slovenščina (SI)</a>
-                <a href="#" data-lang="en">English (EN)</a>
-                <a href="#" data-lang="mk">Македонски (MK)</a>
-            </div>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
         </div>
     </div>
 </div>
diff --git a/templates/mk/header.html b/templates/mk/header.html
index 8a63137..521eaba 100644
--- a/templates/mk/header.html
+++ b/templates/mk/header.html
@@ -1,67 +1,154 @@
 <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="{{ROOT_PREFIX}}mk/" class="logo-link">
-                <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
-            </a>
-            <!-- Навигација за десктоп -->
-            <nav class="navigation desktop-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="{{ROOT_PREFIX}}mk/projects/">Проекти</a>
-            </nav>
-        </div>
-
-        <!-- Копчиња за десктоп -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Стани партнер</button>
-            <button class="btn btn-primary">Донирај</button>
-            <!-- Преклопник за јазик -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">MK</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Панел за мобилна навигација -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">За нас</a>
-                <a href="#">За студенти</a>
-                <a href="{{ROOT_PREFIX}}mk/projects/">Проекти</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="{{ROOT_PREFIX}}mk/" class="logo-link">
+            <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="{{ROOT_PREFIX}}mk/projects/">Настани и проекти</a></li>
+                            <li><a href="#">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Водич за добредојде</a></li>
+                            <li><a href="#">Менторска програма</a></li>
+                            <li><a href="#">Често поставувани прашања</a></li>
+                            <li><a href="#">Запознај ја Словенија</a></li>
+                            <li><a href="#">Запознај ја Северна Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Соопштенија</a></li>
+                            <li><a href="#">Отворени повици</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани партнер</button>
+                <button class="btn btn-secondary">Стани член</button>
                 <button class="btn btn-primary">Донирај</button>
-                <!-- Преклопник за јазик (за мобилен) -->
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">MK</span>
+                        <span id="current-lang-code">МК</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Икона за мобилно мени (Хамбургер/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="{{ROOT_PREFIX}}mk/projects/">Настани и проекти</a></li>
+                    <li><a href="#">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Водич за добредојде</a></li>
+                    <li><a href="#">Менторска програма</a></li>
+                    <li><a href="#">Често поставувани прашања</a></li>
+                    <li><a href="#">Запознај ја Словенија</a></li>
+                    <li><a href="#">Запознај ја Северна Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Соопштенија</a></li>
+                    <li><a href="#">Отворени повици</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Стани член</button>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
\ No newline at end of file
diff --git a/templates/si/header.html b/templates/si/header.html
index 8d42695..a72b3a9 100644
--- a/templates/si/header.html
+++ b/templates/si/header.html
@@ -1,67 +1,154 @@
 <!-- START_HEADER -->
 <header class="dropdown-header-navigation">
     <div class="container">
-        <div class="header-content">
-            <a href="{{ROOT_PREFIX}}si/" class="logo-link">
-                <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
-            </a>
-            <!-- Navigacija za namizje -->
-            <nav class="navigation desktop-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="{{ROOT_PREFIX}}si/projects/">Projekti</a>
-            </nav>
-        </div>
-
-        <!-- Gumbi za namizje -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Postanite partner</button>
-            <button class="btn btn-primary">Donirajte</button>
-            <!-- Zamenjan preklopnik jezika -->
-            <div class="language-selector">
-                <div class="current-lang">
-                    <i class="fas fa-globe"></i>
-                    <span id="current-lang-code">SI</span>
-                    <i class="fas fa-chevron-down"></i>
-                </div>
-                <div class="lang-dropdown">
-                    <a href="#" data-lang="si">Slovenščina (SI)</a>
-                    <a href="#" data-lang="en">English (EN)</a>
-                    <a href="#" data-lang="mk">Македонски (MK)</a>
-                </div>
-            </div>
-        </div>
-
-        <!-- Panel za mobilno navigacijo -->
-        <div class="mobile-nav-panel">
-            <nav class="navigation mobile-nav">
-                <a href="#">O nas</a>
-                <a href="#">Za študente</a>
-                <a href="{{ROOT_PREFIX}}si/projects/">Projekti</a>
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="{{ROOT_PREFIX}}si/" class="logo-link">
+            <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="{{ROOT_PREFIX}}si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="#">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Vodič za bruce</a></li>
+                            <li><a href="#">Mentorski program</a></li>
+                            <li><a href="#">Pogosta vprašanja</a></li>
+                            <li><a href="#">Spoznaj Slovenijo</a></li>
+                            <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Obvestila</a></li>
+                            <li><a href="#">Odprti pozivi</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postanite partner</button>
-                <button class="btn btn-primary">Donirajte</button>
-                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
+                <button class="btn btn-secondary">Postani član</button>
+                <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
                         <i class="fas fa-globe"></i>
-                        <span id="current-lang-code-mobile">SI</span>
+                        <span id="current-lang-code">SI</span>
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
                         <a href="#" data-lang="si">Slovenščina (SI)</a>
                         <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="mk">Македонски (МК)</a>
                     </div>
                 </div>
             </div>
-
-             <!-- Ikona za mobilni meni (Hamburger/X) -->
-            <div class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
 </header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="{{ROOT_PREFIX}}si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="#">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Vodič za bruce</a></li>
+                    <li><a href="#">Mentorski program</a></li>
+                    <li><a href="#">Pogosta vprašanja</a></li>
+                    <li><a href="#">Spoznaj Slovenijo</a></li>
+                    <li><a href="#">Spoznaj Severno Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Obvestila</a></li>
+                    <li><a href="#">Odprti pozivi</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <button class="btn btn-secondary">Postani član</button>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
+            <a href="#" data-lang="en">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (МК)</a>
+        </div>
+    </div>
+</div>
 <!-- END_HEADER -->
\ No newline at end of file