diff --git a/index.html b/index.html
index 562d417..1544b00 100644
--- a/index.html
+++ b/index.html
@@ -35,22 +35,16 @@
 					<p>&hellip;&nbsp;ale mají kolem sebe jiné svědky, kteří to bohužel vidí.</p>
 				</div>
 				<div class="player">
-					player
+					<video>
+						<source src="/static/vid/pestouni.mp4" type="video/mp4">
+					</video>
 				</div>
 				<div class="video-list">
-					<div class="item">
-						.
-					</div>
-					<div class="item">
-						.
-					</div>
-					<div class="item">
-						.
-					</div>
-				</div>
-				<div class="button">
-					button
+					<img src="/static/vid/pestouni.jpg" alt="Pěstouni" data-video="/static/vid/pestouni.mp4" class="active">
+					<img src="/static/vid/tyrani.jpg" alt="Týrání" data-video="/static/tyrani.mp4">
+					<img src="/static/vid/samozivitel.jpg" alt="Samoživitel" data-video="/static/vid/samozivitel.mp4">
 				</div>
+				<a href="" class="button">Vyhledat pomoc</a>
 			</section>
 		</div>
 		<section>
diff --git a/sass/style.scss b/sass/style.scss
index 2398957..8bb8441 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -159,9 +159,12 @@ body.noscroll {
 	section {
 		display: grid;
 		grid-template-columns: 1fr;
+		grid-column-gap: 2rem;
+		grid-row-gap: 2rem;
+		align-items: center;
 
 		.text {
-			max-width: 30rem;
+			max-width: 25rem;
 			margin: 0 auto;
 			text-align: center;
 
@@ -175,10 +178,52 @@ body.noscroll {
 			}
 		}
 
+		.player {
+
+			video {
+				width: 100%;
+				border-radius: 2rem;
+			}
+		}
+
 		.video-list {
 			display: flex;
 			justify-content: center;
+			flex-wrap: wrap;
 			gap: 1rem;
+
+			img {
+				display: block;
+				border-radius: 1rem;
+				cursor: pointer;
+				flex: 1;
+				max-width: 12rem;
+				width: 100%;
+
+				&.active {
+					outline: .15rem solid $col-accent;
+				}
+			}
+		}
+
+		.button {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			color: #fff;
+			text-decoration: none;
+			font-size: 1.25rem;
+			font-weight: bold;
+			border-radius: 2.5rem;
+			height: 5rem;
+			width: 100%;
+			max-width: 80%;
+			margin: 0 auto;
+			border: .15rem solid $col-accent;
+
+			&:hover {
+				background-color: $col-accent;
+			}
 		}
 	}
 }
@@ -373,14 +418,25 @@ footer {
 @media only screen and (min-width: $size-mobile) {
 
 	.intro section {
-		grid-template-columns: 1fr 1fr;
+		grid-template-columns: 2fr 3fr;
+
+		.text {
+			text-align: left;
+			line-height: 1.25;
+			margin: 0; // Disable centering
+
+			.title {
+				font-size: 2.5rem;
+			}
+		}
 
 		.video-list {
-			grid-column: 2;
+			order: 4;
 		}
 
 		.button {
-			grid-column: 1;
+			margin: 0 auto 0 0; // Align left
+			max-width: 70%;
 		}
 	}
 
diff --git a/static/vid/pestouni.jpg b/static/vid/pestouni.jpg
new file mode 100644
index 0000000..57af799
Binary files /dev/null and b/static/vid/pestouni.jpg differ
diff --git a/static/vid/pestouni.mp4 b/static/vid/pestouni.mp4
new file mode 100644
index 0000000..e47bc58
Binary files /dev/null and b/static/vid/pestouni.mp4 differ
diff --git a/static/vid/samozivitel.jpg b/static/vid/samozivitel.jpg
new file mode 100644
index 0000000..1ca0e8d
Binary files /dev/null and b/static/vid/samozivitel.jpg differ
diff --git a/static/vid/samozivitel.mp4 b/static/vid/samozivitel.mp4
new file mode 100644
index 0000000..5538431
Binary files /dev/null and b/static/vid/samozivitel.mp4 differ
diff --git a/static/vid/tyrani.jpg b/static/vid/tyrani.jpg
new file mode 100644
index 0000000..084076b
Binary files /dev/null and b/static/vid/tyrani.jpg differ
diff --git a/static/vid/tyrani.mp4 b/static/vid/tyrani.mp4
new file mode 100644
index 0000000..2253b25
Binary files /dev/null and b/static/vid/tyrani.mp4 differ