diff --git a/index.html b/index.html
index 8be56a9..a9c6820 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,6 @@
 				margin: 0;
 				background: #161837;
 			}
-
 			#home {
 				color: #fff;
 				padding: 10%;
@@ -24,32 +23,45 @@
 				padding: 10%;
 				padding-left: 60%;
 				background: url(img/1.png);
-				background-size: cover;
-                                background-repeat: no-repeat;
+                background-repeat: no-repeat;
 				color: #fff;	
 				background-size: 120% auto;
 				background-position: 100% 50%;
 				text-align: right;
 			}
+
 			#screenshots {
-                                color: #fff;
-                                padding: 10%;
+                color: #fff;
+                padding: 10%;
 				text-align: center;
-                        }
+			}
 			#contact {
-                                padding: 10%;
-                                padding-right: 60%;
-                                background: url(img/2.png);
-                                background-size: cover;
-                                background-repeat: no-repeat;
+                padding: 10%;
+                padding-right: 60%;
+                background: url(img/2.png);
+                background-size: cover;
+                background-repeat: no-repeat;
 				background-position: 0 50%;
-                                color: #fff; 
-                                text-align: left;
-                        }
+                color: #fff; 
+                text-align: left;
+            }
+
+			@media screen and (max-width: 600px) {
+				#about {
+					background-size: cover;	
+					background-position: auto;
+					padding-left: 10%;
+					text-align: left;
+				}
+				#contact {
+					padding-right: 10%;
+				}
+			}
+			
 			#footer {
-                                color: #fff;
-                                padding: 5% 10% 5% 10%;
-                        }
+                color: #fff;
+                padding: 5% 10% 5% 10%;
+            }
 			.butt {
 				padding: 12px;
 				border-radius: 14px;
@@ -61,9 +73,13 @@
 				text-decoration: none;
 			}
 			.butt:hover { 
-                                background-color: #fff;
+                background-color: #fff;
 				color: #161837;
-                        }
+            }
+			.paragraph {
+				padding: 24px; 
+				border-radius: 16px;
+			}
 			.left {
 				text-align: left;
 				border-radius: 16px;
@@ -71,7 +87,8 @@
 			.right {
 				text-align: right;
 				border-radius: 16px;
-                        }
+            }
+			
 				
 		</style>
 	</head>
@@ -85,7 +102,7 @@
 			<nav><a class="butt" href="https://discord.gg/hgazkr3YV7">Discord</a> <a class="butt" href="https://ccmap.github.io/#q=Eddie%20Murphy#f=6e269ab2-1811-4998-975f-fe3cb4dc5a2d#url=https%3A%2F%2Fccmap.github.io%2Fdata%2Fland_claims.civmap.json">Location</a></nav>
 		</div>
 		<div id="about">
-		<div style="padding: 24px; border-radius: 16px;">
+		<div style="">
 			<h1>What is EM?</h1>
 			<p>Eddie Murphy is an empire of smaller states or collectives in the southeast quadrant (++) of the CivClassic world. It is often known for its comedic name, active economy and large player base.</p>
 			</div>