diff --git a/index.html b/index.html
index e0d0153..7a336da 100644
--- a/index.html
+++ b/index.html
@@ -47,18 +47,6 @@
                 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%;
@@ -84,11 +72,31 @@
 			.left {
 				text-align: left;
 				border-radius: 16px;
+				width: 640px;
 			}
 			.right {
 				text-align: right;
 				border-radius: 16px;
+				width: 640px;
             }
+
+			@media screen and (max-width: 600px) {
+				#about {
+					background-size: cover;	
+					background-position: auto;
+					padding-left: 10%;
+					text-align: left;
+				}
+				#contact {
+					padding-right: 10%;
+				}
+				.left {
+					width: 100%;
+				}
+				.right {
+					width: 100%;
+				}
+			}
 			
 				
 		</style>
@@ -109,12 +117,12 @@
 			</div>
 		</div>
 		<div id="screenshots">
-			<img src="img/screenshots/1.png" width=640px class="left"></img>
-			<img src="img/screenshots/2.png" width=640px class="right"></img>
-			<img src="img/screenshots/3.png" width=640px class="left"></img>
-			<img src="img/screenshots/4.png" width=640px class="right"></img>
-			<img src="img/screenshots/5.png" width=640px class="left"></img>
-			<img src="img/screenshots/6.png" width=640px class="right"></img>
+			<img src="img/screenshots/1.png" class="left"></img>
+			<img src="img/screenshots/2.png" class="right"></img>
+			<img src="img/screenshots/3.png" class="left"></img>
+			<img src="img/screenshots/4.png" class="right"></img>
+			<img src="img/screenshots/5.png" class="left"></img>
+			<img src="img/screenshots/6.png" class="right"></img>
 		</div>
 		<div id="contact">
 			<div style="padding: 24px; border-radius: 16px;">