diff --git a/public/css/style.css b/public/css/style.css
index 2a1ba2e..04d482d 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -91,3 +91,23 @@ footer {
 .linkSpacer {
 	margin: 0 .5em;
 }
+
+@media only screen and (max-width: 1000px) {
+    body {
+        width: 100%;
+        padding: 0 1rem;
+    }
+}
+
+@media only screen and (min-width: 1000px) {
+    body {
+        width: 80%;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    body {
+        width: 60rem;
+    }
+}
+
diff --git a/src/css/style.css b/src/css/style.css
index be08768..c2402d9 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -96,3 +96,23 @@ footer {
 .linkSpacer {
 	margin: 0 .5em;
 }
+
+@media only screen and (max-width: 1000px) {
+    body {
+        width: 100%;
+        padding: 0 1rem;
+    }
+}
+
+@media only screen and (min-width: 1000px) {
+    body {
+        width: 80%;
+    }
+}
+
+@media only screen and (min-width: 1400px) {
+    body {
+        width: 60rem;
+    }
+}
+