diff --git a/src/routes/oborovky.svelte b/src/routes/oborovky.svelte
index 86fb0ce..950b7da 100644
--- a/src/routes/oborovky.svelte
+++ b/src/routes/oborovky.svelte
@@ -75,8 +75,8 @@
 		</section>
 	</div>
 </section>
-<section class="row" style="margin-top: 5vh">
-	<div class="col-1"></div>
+<section class="row margin-5vh">
+	<section class="col-1 hide-xs hide-sm"></section>
 	<div class="col">
 		<h3 id="main-content"><b>Chci založit SOR</b></h3>
 		<hr class="thing-hr">
@@ -88,10 +88,10 @@
             <a href="https://pedf.cuni.cz/PEDF-386.html" target="_blank">webu fakulty</a>.
 		</p>
 	</div>
-	<div class="col-1"></div>
+	<section class="col-1 hide-xs hide-sm"></section>
 </section>
-<section class="row" style="margin-top: 5vh">
-	<div class="col-1"></div>
+<section class="row margin-5vh">
+	<section class="col-1 hide-xs hide-sm"></section>
 	<div class="col">
 		<div class="number-thing">
 			<div class="down">
@@ -123,12 +123,12 @@
 			</div>
 		</div>
 	</div>
-	<div class="col-1"></div>
+	<section class="col-1 hide-xs hide-sm"></section>
 </section>
 <section class="row">
-    <div class="col-1"></div>
+	<section class="col-1 hide-xs hide-sm"></section>
     <div class="col">
-		<div class="number-thing" style="margin-top: 14vh">
+		<div class="number-thing">
 			<div class="down">
 			<span>4.</span>
 			<h6 style="font-size: calc(var(--font-size) / 1.5); color: var(--color-primary)" ><b>Shrnutí základní pravidel pro SOR</b></h6>
@@ -150,10 +150,10 @@
     </div>
     <div class="col"></div>
     <div class="col"></div>
-    <div class="col-1"></div>
+	<section class="col-1 hide-xs hide-sm"></section>
 </section>
-<section class="row" style="margin-top: 5vh">
-	<div class="col-1"></div>
+<section class="row margin-5vh">
+	<section class="col-1 hide-xs hide-sm"></section>
 	<div class="col-5" style="line-height: 1">
 		<div class="down" style="margin-right: 3vw">
 			<div class="side-line" style="margin-bottom: 1vh">
@@ -200,8 +200,8 @@
 		</div>
 	</div>
 </section>
-<section class="row" style="margin-top: 5vh">
-	<div class="col-1"></div>
+<section class="row margin-5vh">
+	<section class="col-1 hide-xs hide-sm"></section>
 	<div class="col">
 		<h3 id="prebiram"><b>Přebírám SOR</b></h3>
 		<hr class="thing-hr">
@@ -209,10 +209,10 @@
 			<h6 style="margin-bottom: 0;"><b>Jak na SORku:</b></h6>
 		</div>
 	</div>
-	<div class="col-1"></div>
+	<section class="col-1 hide-xs hide-sm"></section>
 </section>
-<section class="row" style="margin-top: 5vh">
-	<div class="col-1"></div>
+<section class="row margin-5vh">
+	<section class="col-1 hide-xs hide-sm"></section>
 	<div class="col">
 		<div class="number-thing">
 			<div class="down">
@@ -255,10 +255,10 @@
 			</div>
 		</div>
 	</div>
-	<div class="col-1"></div>
+	<section class="col-1 hide-xs hide-sm"></section>
 </section>
 <section class="row">
-    <div class="col-1"></div>
+	<section class="col-1 hide-xs hide-sm"></section>
     <div class="col">
 		<div class="number-thing">
 			<div class="down">
@@ -273,10 +273,10 @@
     </div>
     <div class="col"></div>
     <div class="col"></div>
-    <div class="col-1"></div>
+	<section class="col-1 hide-xs hide-sm"></section>
 </section>
-<section class="row" style="margin-top: 4vh">
-	<div class="col-1"></div>
+<section class="row margin-5vh">
+	<section class="col-1 hide-xs hide-sm"></section>
 	<div class="col-5 flexy-boi">
 		<h5 style="margin-bottom: 0; margin-left: -14vw">
 			Chceš vědět jaké je to být v oborovce?
@@ -287,21 +287,21 @@
 	</div>
 	<div class="col-5">
 		<video class="smol-video" controls playsinline>
-			<source src="/video/8_stepan.mp4" type="video/webm">
+			<source src="/video/8_stepan.mp4" type="video/mp4">
 			Your browser does not support video.
 		</video>
     	<h6 style="font-size: calc(var(--font-size) / 1.9)">Štěpán Gabriel, bývalý člen SOR biologie</h6>
 	</div>
 </section>
-<section class="row" style="margin-top: 5vh">
-	<div class="col-1"></div>
+<section class="row margin-5vh">
+	<section class="col-1 hide-xs hide-sm"></section>
 	<div class="col">
 		<p style="font-size: calc(var(--font-size) / 1.7)">
 			Chybí ti tu něco? Podívej se ještě <a href="http://wwwmod.pedf.cuni.cz/udeska/files/opatreni_dekana/opad_sor_spolky_final_31.8.2020.pdf" target="_blank">sem</a>.
 		</p>
 		<div class="spacer"></div>
 	</div>
-	<div class="col-1"></div>
+	<section class="col-1 hide-xs hide-sm"></section>
 </section>
 </main>
 
diff --git a/src/routes/predseda.svelte b/src/routes/predseda.svelte
index 02820ce..12ac510 100644
--- a/src/routes/predseda.svelte
+++ b/src/routes/predseda.svelte
@@ -97,7 +97,7 @@
 	</div>
 	<div class="col-5">
 		<video class="smol-video" controls playsinline>
-			<source src="/video/3_nela.mp4" type="video/webm">
+			<source src="/video/3_nela.mp4" type="video/mp4">
 			Your browser does not support video.
 		</video>
 		<h6 style="font-size: calc(var(--font-size) / 1.9)">Nela Pastrnková, bývalá místopředsedkyně spolku Agora</h6>
@@ -324,7 +324,7 @@
 		  <div class="mySlides fade">
 		    <div class="numbertext">1 / 3</div>
     		<video class="smol-video" controls style="width: 100%" playsinline>
-    			<source src="/video/5_lenka.mp4" type="video/webm">
+    			<source src="/video/5_lenka.mp4" type="video/mp4">
     			Your browser does not support video.
     		</video>
     		<h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně spolku Agora</h6>
@@ -333,7 +333,7 @@
 		  <div class="mySlides fade">
 		    <div class="numbertext">2 / 3</div>
     		<video class="smol-video" controls style="width: 100%" playsinline>
-    			<source src="/video/4_holka_pozvanka.mp4" type="video/webm">
+    			<source src="/video/4_holka_pozvanka.mp4" type="video/mp4">
     			Your browser does not support video.
     		</video>
     		<h6 style="font-size: calc(var(--font-size) / 1.9)">Michala Chudobová, předsedkyně Pedagogického spolku Emil</h6>
@@ -342,7 +342,7 @@
 		  <div class="mySlides fade">
 		    <div class="numbertext">3 / 3</div>
     		<video class="smol-video" controls style="width: 100%" playsinline>
-    			<source src="/video/12_petr_22.mp4" type="video/webm">
+    			<source src="/video/12_petr_22.mp4" type="video/mp4">
     			Your browser does not support video.
     		</video>
     		<h6 style="font-size: calc(var(--font-size) / 1.9)">Petr Holub, předseda spolku Drosophila</h6>
diff --git a/src/routes/zapojit-se.svelte b/src/routes/zapojit-se.svelte
index a95de54..f691475 100644
--- a/src/routes/zapojit-se.svelte
+++ b/src/routes/zapojit-se.svelte
@@ -186,7 +186,7 @@
 		  <div class="mySlides2 fade">
 		    <div class="numbertext">1 / 3</div>
     		<video class="smol-video" controls style="width: 100%" playsinline>
-    			<source src="/video/7_jana.mp4" type="video/webm">
+    			<source src="/video/7_jana.mp4" type="video/mp4">
     			Your browser does not support video.
     		</video>
     		<h6 style="font-size: calc(var(--font-size) / 1.9)">Jana Gombík Ruszó, zakladatelka spolku Drosophila</h6>
@@ -195,7 +195,7 @@
 		  <div class="mySlides2 fade">
 		    <div class="numbertext">2 / 3</div>
     		<video class="smol-video" controls style="width: 100%" playsinline>
-    			<source src="/video/8_stepan.mp4" type="video/webm">
+    			<source src="/video/8_stepan.mp4" type="video/mp4">
     			Your browser does not support video.
     		</video>
     		<h6 style="font-size: calc(var(--font-size) / 1.9)">Štěpán Gabriel, bývalý člen SOR biologie</h6>
@@ -204,7 +204,7 @@
 		  <div class="mySlides2 fade">
 		    <div class="numbertext">3 / 3</div>
     		<video class="smol-video" controls style="width: 100%" playsinline>
-    			<source src="/video/1_verca_1.mp4" type="video/webm">
+    			<source src="/video/1_verca_1.mp4" type="video/mp4">
     			Your browser does not support video.
     		</video>
     		<h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Valínová, bývalá místopředsedkyně spolku Agora</h6>
@@ -242,7 +242,7 @@
 		  <div class="mySlides3 fade">
 		    <div class="numbertext">1 / 4</div>
     		<video class="smol-video" controls style="width: 100%" playsinline>
-    			<source src="/video/4_holka_pozvanka.mp4" type="video/webm">
+    			<source src="/video/4_holka_pozvanka.mp4" type="video/mp4">
     			Your browser does not support video.
     		</video>
     		<h6 style="font-size: calc(var(--font-size) / 1.9)">Michala Chudobová, předsedkyně Pedagogického spolku Emil</h6>
@@ -251,7 +251,7 @@
 		  <div class="mySlides3 fade">
 		    <div class="numbertext">2 / 4</div>
     		<video class="smol-video" controls style="width: 100%" playsinline>
-    			<source src="/video/6_petr.mp4" type="video/webm">
+    			<source src="/video/6_petr.mp4" type="video/mp4">
     			Your browser does not support video.
     		</video>
     		<h6 style="font-size: calc(var(--font-size) / 1.9)">Petr Holub, předseda spolku Drosophila</h6>
@@ -260,7 +260,7 @@
 		  <div class="mySlides3 fade">
 		    <div class="numbertext">3 / 4</div>
     		<video class="smol-video" controls style="width: 100%" playsinline>
-    			<source src="/video/11_lenka_2.mp4" type="video/webm">
+    			<source src="/video/11_lenka_2.mp4" type="video/mp4">
     			Your browser does not support video.
     		</video>
     		<h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně spolku Agora</h6>
@@ -268,7 +268,7 @@
 		  <div class="mySlides3 fade">
 		    <div class="numbertext">4 / 4</div>
     		<video class="smol-video" controls style="width: 100%" playsinline>
-    			<source src="/video/9_devce.mp4" type="video/webm">
+    			<source src="/video/9_devce.mp4" type="video/mp4">
     			Your browser does not support video.
     		</video>
     		<h6 style="font-size: calc(var(--font-size) / 1.9)">Linda Pleskačová, radní pro PR spolku Otevřeno</h6>