diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index ea497e0..29ff791 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -15997,6 +15997,21 @@ body:not(.present-mode) #space .artifact.selected {
   margin-top: 100px;
   margin-bottom: 100px; }
 
+@media screen and (max-width: 1000px) {
+  #landing section {
+    margin-left: 20px;
+    margin-right: 20px; }
+  .footer {
+    margin-left: 20px;
+    margin-right: 20px; }
+  .header-right {
+    right: auto;
+    padding-left: 10px;
+    padding-right: 20px;
+    padding-top: 80px; }
+  #folder-wrapper {
+    padding-top: 128px; } }
+
 html,
 body {
   height: 100%;
diff --git a/styles/landing.scss b/styles/landing.scss
index 5ab7392..aaef772 100644
--- a/styles/landing.scss
+++ b/styles/landing.scss
@@ -27,3 +27,26 @@
   margin-bottom: 100px;
 }
 
+@media screen and (max-width: 1000px) {
+    #landing {
+        section {
+            margin-left: 20px;
+            margin-right: 20px;
+        }
+    }
+    .footer {
+        margin-left: 20px;
+        margin-right: 20px;
+    }
+
+    .header-right {
+        right: auto;
+        padding-left: 10px;
+        padding-right: 20px;
+        padding-top: 80px;
+    }
+
+    #folder-wrapper {
+        padding-top: 128px;
+    }
+}