diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 1e3167b..df89477 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -168,6 +168,42 @@
 	#plusko:hover .not-spinny {
 		opacity: 0;
 	}
+@media screen and (max-width: 800px) {
+	#cinnosti {
+		left: auto;
+		right: auto;
+		top: 70vh;
+	}
+	#predseda {
+		top: 10vh;
+left: 50%;
+    transform: translate(-50%, 0);	}
+	#prebiram {
+		top: 20vh;
+left: 50%;
+    transform: translate(-50%, 0);	}
+	#zapojit {
+		top: 30vh;
+left: 50%;
+    transform: translate(-50%, 0);	}
+	#zalozit {
+		top: 60vh;
+left: 50%;
+    transform: translate(-50%, 0);	}
+	#oborovky {
+		top: 70vh;
+left: 50%;
+    transform: translate(-50%, 0);	}
+	.cross {
+		display: none;
+		width: 0 !important;
+		height: 0!important;
+		position: absolute;
+	}
+	.labels:hover > *:not(:hover) {
+		font-size: calc(var(--font-size) / 1.7);
+	}
+}
 </style>
 
 <script>
@@ -317,7 +353,7 @@
 </script>
 
 <svelte:head>
-	<title>PedF UK Spolky | </title>
+	<title>Spolky a SORky PedF UK | Chci se zapojit</title>
 </svelte:head>
 
 <Logo/>
diff --git a/static/main.css b/static/main.css
index a6dd165..b87ea12 100644
--- a/static/main.css
+++ b/static/main.css
@@ -379,4 +379,8 @@ canvas {
   .menu ul {
     width: 90vw !important;
   }
+  .cool-button {
+    padding: 2rem 7rem !important;
+    font-size: calc(var(--font-size) * 0.7) !important;
+  }
 }
diff --git a/static/main.styl b/static/main.styl
index 5bcaa48..bdf52a5 100644
--- a/static/main.styl
+++ b/static/main.styl
@@ -340,3 +340,6 @@ body > canvas
 			font-size: calc(var(--font-size) / 1.5) !important
 		& ul
 			width 90vw !important
+	.cool-button
+		padding: 2rem 7rem !important
+		font-size: calc(var(--font-size) * 0.7) !important