diff --git a/assets/css/screen.css b/assets/css/screen.css
index 88c5072..fd0adfb 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -24,9 +24,23 @@ hr {
     background-color: #000000;
 }
 
-.content {
-    padding-left: 30%;
-    padding-right: 30%;
+@media (max-width: 767px) {
+    .content {
+        padding-left: 10%;
+        padding-right: 10%;
+    }
+}
+@media (min-width: 768px) and (max-width: 1279px) {
+    .content {
+        padding-left: 20%;
+        padding-right: 20%;
+    }
+}
+@media (min-width: 1280px) {
+    .content {
+        padding-left: 30%;
+        padding-right: 30%;
+    }
 }
 
 .main-header {