diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store
index 817981e..cbe97f1 100644
Binary files a/assets/images/.DS_Store and b/assets/images/.DS_Store differ
diff --git a/css/style.css b/css/style.css
index 2e7f124..a13e2ca 100644
--- a/css/style.css
+++ b/css/style.css
@@ -8353,3 +8353,37 @@ html, body {
     overflow-wrap: break-word;
   }
 }
+
+/* Desktop layout for title with button */
+@media (min-width: 769px) {
+  .mediation-main-title {
+    align-items: flex-start !important;
+  }
+  
+  .mediation-main-title .cta-button {
+    margin-top: 0;
+    white-space: nowrap;
+  }
+}
+
+/* Mobile layout - button below title */
+@media (max-width: 768px) {
+  .mediation-main-title {
+    flex-direction: column !important;
+    align-items: stretch !important;
+  }
+  
+  .mediation-main-title > div:first-child {
+    min-width: 100% !important;
+  }
+  
+  .mediation-main-title > div:last-child {
+    width: 100%;
+  }
+  
+  .mediation-main-title .cta-button {
+    width: 100%;
+    text-align: center;
+    margin-top: 1rem;
+  }
+}
diff --git a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
index 4ca2ae7..14b718c 100644
--- a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
+++ b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
@@ -109,15 +109,13 @@
                 <div class="mediation-hero-text" data-aos="fade-up" style="width: 100%;">
                     <span class="mediation-hero-kicker" style="align-self: center;">REŠUJEMO NESPORAZUME IN KREPIMO VKLJUČEVANJE</span>
                     
-                    <!-- Centriran naslov -->
-                    <div class="mediation-main-title">
-                        <h1>Medkulturno posredovanje</h1>
-                        <p class="mediation-hero-lead">Strokovna pomoč za jasno komunikacijo in sodelovanje med institucijami ter posamezniki iz različnih jezikovnih in kulturnih okolij</p>
-                    </div>
-                    
-                    <!-- Levo gumb, Desno slogan -->
-                    <div class="mediation-hero-split">
-                        <div class="mediation-hero-left">
+                    <!-- Naslov z gumbom na desni -->
+                    <div class="mediation-main-title" style="display: flex; justify-content: space-between; align-items: center; gap: 2rem; flex-wrap: wrap;">
+                        <div style="flex: 1; min-width: 300px;">
+                            <h1>Medkulturno posredovanje</h1>
+                            <p class="mediation-hero-lead">Strokovna pomoč za jasno komunikacijo in sodelovanje med institucijami ter posamezniki iz različnih jezikovnih in kulturnih okolij</p>
+                        </div>
+                        <div style="flex-shrink: 0;">
                             <a href="https://calendly.com/amra-kuresepi" target="_blank" class="cta-button">Rezervirajte termin</a>
                         </div>
                     </div>