diff --git a/resources/styles/main.css b/resources/styles/main.css
index f068ae3..2f18663 100644
--- a/resources/styles/main.css
+++ b/resources/styles/main.css
@@ -377,6 +377,22 @@ a:hover {
   border: solid 1px black;
 }
 
+#video {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: linear-gradient(to left, #1d60b5, #3b8fff);
+}
+#video video {
+  width: 100% !important;
+  height: auto !important;
+}
+#video h1 {
+  margin: 0 0 1em 0;
+  font: 600 2.5vw "Montserrat", sans-serif;
+  color: white;
+}
+
 #header {
   background: #FDFFFF;
   padding: 0 150px;
@@ -669,7 +685,7 @@ html, body {
 }
 @media screen and (max-width: 850px) {
   #header {
-    height: 5vh;
+    height: 45px;
   }
 }
 
@@ -828,7 +844,7 @@ html, body {
 }
 @media screen and (max-width: 850px) {
   #container {
-    height: 95vh;
+    height: calc(100vh - 45px);
   }
 }