diff --git a/css/markdown.css b/css/markdown.css
index e39c9bf..34f4245 100644
--- a/css/markdown.css
+++ b/css/markdown.css
@@ -14,6 +14,20 @@ html, body {
 body {
 	padding-top: 1em;
 }
+  
+  /* Media query for smaller screens */
+  @media (max-width: 768px) {
+	html, body {
+	  padding: 0 10px; /* Adjust the padding values for smaller screens */
+	}
+  }
+  
+  /* Media query for larger screens */
+  @media (min-width: 1024px) {
+	html, body {
+	  padding: 0 40px; /* Adjust the padding values for larger screens */
+	}
+  }
 
 /* Reset margin top for elements */
 h1, h2, h3, h4, h5, h6,