diff --git a/static/css/chota.css b/static/css/chota.css
index de04e9d..58a7abb 100644
--- a/static/css/chota.css
+++ b/static/css/chota.css
@@ -276,6 +276,7 @@ iframe {
             -ms-flex: 0 1 100%;
                 flex: 0 1 100%;
         max-width: 100%;
+        padding: 10px;
     }
     :root {
         --font-size: 2em !important;
diff --git a/static/main.css b/static/main.css
index a57f673..9162e8a 100644
--- a/static/main.css
+++ b/static/main.css
@@ -314,3 +314,62 @@ canvas {
 .spaced-ul li {
   margin-bottom: 1em;
 }
+@media screen and (max-width: 800px) {
+  .panel .horizontal-menu {
+    display: none;
+  }
+  .next {
+    right: 9vw !important;
+    top: auto !important;
+  }
+  .prev {
+    top: auto !important;
+    left: 9vw !important;
+  }
+  h6 {
+    font-size: calc(var(--font-size) / 1.5);
+  }
+  h5 {
+    font-size: calc(var(--font-size) / 1.4);
+  }
+  .smol-video {
+    width: 100%;
+  }
+  .flexy-boi {
+    display: flex;
+  }
+  .flexy-boi .horizontal-menu {
+    flex-wrap: wrap;
+  }
+  .flexy-boi .horizontal-menu span {
+    margin: 10px;
+    flex: 0 0 21%;
+  }
+  .cross {
+    width: 6vw;
+    height: 6vw;
+  }
+  .cross .idle {
+    width: 6vw;
+    height: 6vw;
+  }
+  .cross .active {
+    width: 6vw;
+    height: 6vw;
+  }
+  .panel {
+    height: 4em !important;
+  }
+  .big,
+  .cross-og {
+    width: 10vw !important;
+    height: 10vw !important;
+  }
+  .menu {
+    left: 0 !important;
+  }
+  .menu .menu-link,
+  .menu ul li {
+    font-size: calc(var(--font-size) / 1.4) !important;
+  }
+}
diff --git a/static/main.styl b/static/main.styl
index b8c1351..4d6fff2 100644
--- a/static/main.styl
+++ b/static/main.styl
@@ -295,3 +295,44 @@ body > canvas
 .spaced-ul li {
 	margin-bottom: 1em
 }
+
+@media screen and (max-width: 800px)
+	.panel .horizontal-menu
+		display: none
+	.next
+		right: 9vw !important
+		top: auto !important
+	.prev
+		top: auto !important
+		left: 9vw !important
+	h6
+		font-size: calc(var(--font-size) / 1.5)
+	h5
+		font-size: calc(var(--font-size) / 1.4)
+	.smol-video
+		width: 100%
+	.flexy-boi
+		display: flex
+		& .horizontal-menu
+			flex-wrap wrap
+		& .horizontal-menu span
+			margin: 10px
+			flex: 0 0 21%;
+	.cross
+		width 6vw
+		height 6vw
+		& .idle
+			width 6vw
+			height 6vw
+		& .active
+			width 6vw
+			height 6vw
+	.panel
+		height: 4em !important
+	.big, .cross-og
+		width 10vw !important
+		height 10vw !important
+	.menu
+		left: 0 !important
+		& .menu-link, & ul li
+			font-size: calc(var(--font-size) / 1.4) !important