diff --git a/assets/css/custom.css b/assets/css/custom.css
index 81542f3..62f7827 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -49,7 +49,7 @@ main {
 	line-height: 1.5rem;
 }
 
-.content a{
+.content a {
 	text-decoration: underline;
 }
 
@@ -90,4 +90,14 @@ footer {
 	color: #72b6b5;
 	font-size: 0.7rem;
 	margin: 4rem 20% 4rem 20%;
-}
\ No newline at end of file
+}
+
+@media screen and (max-width: 780px) {
+	nav,
+	header,
+	footer,
+	main {
+		margin-left: 10%;
+		margin-right: 10%;
+	}
+}
diff --git a/assets/css/mark.css b/assets/css/mark.css
index 53311df..cbb3907 100644
--- a/assets/css/mark.css
+++ b/assets/css/mark.css
@@ -204,4 +204,4 @@ code {
 .highlight .vc { color: #fb660a } /* Name.Variable.Class */
 .highlight .vg { color: #fb660a } /* Name.Variable.Global */
 .highlight .vi { color: #fb660a } /* Name.Variable.Instance */
-.highlight .il { color: #0086f7; font-weight: bold } /* Literal.Number.Integer.Long */
+.highlight .il { color: #0086f7; font-weight: bold } /* Literal.Number.Integer.Long */
\ No newline at end of file