diff --git a/css/style.css b/css/style.css
index 13e8f68..a083094 100644
--- a/css/style.css
+++ b/css/style.css
@@ -3936,7 +3936,7 @@ footer {
 
 .mediation-hero {
   position: relative;
-  padding: 130px 2rem 110px;
+  padding: 130px 2rem 60px;
   background: #fdfcfa;
   overflow: hidden
 }
@@ -4048,6 +4048,35 @@ footer {
   color: var(--primary-color);
 }
 
+/* Poenotenje barve besedila - vsi odstavki temno sivi */
+.mediation-hero-content p,
+.mediation-hero-content ul li,
+.content-section p,
+.content-section ul li,
+.mediation-detail-text p,
+.purpose-card p,
+.purpose-card ul li,
+.purpose-goal,
+.prosberry-card p,
+.mediation-process p,
+.step-card p,
+.pricing-content,
+#zakaj p,
+#zakaj ul li {
+  color: #454b57;
+}
+
+/* Naslovi ostanejo temni */
+.mediation-hero h1,
+.mediation-hero h2,
+.mediation-hero h3,
+.content-section h2,
+.content-section h3,
+.purpose-card h3,
+.prosberry-card h3 {
+  color: #1f2530;
+}
+
 /* Spodnja vrstica z dvema okvirčkoma */
 .mediation-bottom-cards {
   display: grid;
@@ -7307,9 +7336,13 @@ html, body {
     gap: 2rem;
   }
   
+  .mediation-hero {
+    padding: 120px 1.5rem 70px;
+  }
+  
   .mediation-hero-overview {
     max-width: 100%;
-    order: 2; /* Postavi kazalo pod besedilo na telefonu */
+    order: 2;
   }
 }
 
@@ -7495,24 +7528,6 @@ html, body {
 }
 
 @media (max-width: 768px) {
-  .mediation-hero-container {
-    grid-template-columns: 1fr !important;
-    text-align: center;
-  }
-  
-  /* Besedilo v hero sekciji - obojestransko poravnano na mobilnih */
-  .mediation-hero-text p {
-    text-align: justify !important;
-  }
-  
-  .mediation-hero-text .cta-button {
-    margin: 0 auto;
-  }
-  
-  .mediation-hero-card {
-    margin-top: 2rem;
-  }
-  
   /* S kom sodelujem - mobilna optimizacija */
   #sodelujem .container > div {
     grid-template-columns: 1fr !important;
@@ -7523,11 +7538,6 @@ html, body {
     grid-template-columns: 1fr !important;
   }
   
-  /* Besedilo v step karticah - obojestransko poravnano na mobilnih */
-  .step-card p {
-    text-align: justify !important;
-  }
-  
   /* "Zakaj izbrati Prosberry" naslov - leva poravnava na mobilnih */
   #zakaj h2 {
     text-align: left !important;
@@ -8425,40 +8435,102 @@ html, body {
 
 /* Mobile layout - mediation-main-title simplified */
 @media (max-width: 768px) {
+  .mediation-hero {
+    padding: 100px 1.5rem 50px;
+  }
+  
   .mediation-hero-container {
     grid-template-columns: 1fr;
     gap: 2rem;
+    display: flex;
+    flex-direction: column;
   }
   
-  .mediation-main-title {
-    grid-column: 1;
-  }
-  
+  /* 1. Kicker - ostane na vrhu */
   .mediation-hero-kicker {
+    order: 1;
+    justify-self: center;
+    margin-bottom: 0.5rem;
+  }
+  
+  /* 2. Naslov in podnaslov */
+  .mediation-main-title {
+    order: 2;
     grid-column: 1;
-    justify-self: flex-start;
+    margin-bottom: 1.5rem;
   }
   
   .mediation-main-title h1 {
     font-size: 2rem;
+    text-align: center;
   }
   
   .mediation-main-title .mediation-hero-lead {
-    font-size: clamp(0.6rem, 2.5vw, 1.05rem);
-    padding: 0 1rem;
-    white-space: nowrap;
-  }
-  
-  .mediation-hero-content {
-    max-width: 100%;
+    font-size: 0.95rem;
+    padding: 0;
+    white-space: normal;
+    text-align: center;
+    line-height: 1.6;
   }
   
+  /* 3. Gumb Rezervirajte termin */
   .mediation-hero-right {
-    max-width: 100%;
+    order: 3;
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
   }
   
   .cta-button-hero {
-    max-width: 100%;
+    order: 1;
+    width: 100%;
+    text-align: center;
     padding: 1rem;
   }
+  
+  /* 4. Uvodni odstavek in Pogoste težave */
+  .mediation-hero-content {
+    order: 4;
+    max-width: 100%;
+  }
+  
+  .mediation-hero-content p {
+    text-align: left;
+  }
+  
+  .mediation-hero-content h3 {
+    text-align: left;
+    margin-top: 2rem !important;
+  }
+  
+  .mediation-hero-content ul {
+    text-align: left;
+  }
+  
+  /* 7. Hiter pregled vsebine - na koncu */
+  .mediation-hero-card {
+    order: 2;
+    margin-top: 2rem;
+  }
+  
+  .mediation-hero-card h3 {
+    text-align: left;
+  }
+  
+  .mediation-card-links {
+    text-align: left;
+  }
+  
+  /* Rešitev in Rezultat sekcija */
+  .content-section {
+    padding: 40px 1.5rem;
+  }
+  
+  .content-section h3 {
+    text-align: left;
+  }
+  
+  .content-section p {
+    text-align: left;
+  }
 }
diff --git a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
index 32c742b..175d592 100644
--- a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
+++ b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
@@ -118,7 +118,7 @@
                 <div class="mediation-hero-content" data-aos="fade-up">
                     <p>Komunikacija z družinami in otroki z drugačnim jezikovnim ali kulturnim ozadjem pogosto povzroča <strong>nesporazume</strong>, še posebej <strong>v vrtcih in šolah</strong>. Ko otrok ne razume jezika, težko sodeluje, motivacija upade, napredek se upočasni, starši pa težko vzpostavijo ustrezne dnevne ali učne rutine.</p>
                     
-                    <h3 style="color: var(--primary-color); margin-top: 2rem; margin-bottom: 1rem;">Pogoste težave</h3>
+                    <h3 style="color: var(--primary-color); margin-top: 8rem; margin-bottom: 1rem;">Pogoste težave</h3>
                     <ul class="hero-bullets">
                         <li>Navodilom <strong>ne sledi</strong>, snovi <strong>ne razume</strong>, težko izrazi vprašanja ali stiske.</li>
                         <li>Razredniki in vzgojitelji imajo <strong>težave pri pojasnjevanju obveznosti staršem</strong>, saj je njihovo razumevanje jezika in sistema oteženo.</li>