diff --git a/static/css/blog.css b/static/css/blog.css
index 337594c9..68bcf0b3 100644
--- a/static/css/blog.css
+++ b/static/css/blog.css
@@ -2,3 +2,8 @@
 	padding: 0 250px;
 	width: auto;
 }
+@media screen and (max-width:1000px) { 
+	.containerx { 
+		padding: 0;
+	}
+}
diff --git a/static/css/style.css b/static/css/style.css
index 4c98ca8b..f374ff8d 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -377,31 +377,6 @@ header#header {
 	display: inline;
 }
 
-@media screen and (max-width:1000px) { 
-	html {
-		font-size: 100%; 
-	}
-	.logo span.icon-phoenix-world{
-		font-size: 60px;
-		font-size: 6rem;
-	}
-	.containerx { 
-		width: auto;
-		font-size:18px;
-		word-wrap: break-word;
-		word-break: break-all;
-	}
-	.vrm iframe {
-		width:100%;
-	}
-	button.tag {
-		display:none;
-	}
-	article {
-		padding: 15px;
-	}
-}
-
 .nav {
 	display: -ms-flexbox;
 	display: flex;
@@ -1191,3 +1166,28 @@ blockquote {
 a.menu-link-left-black:hover {
     color: #b6b000;
 }
+
+@media screen and (max-width:1000px) { 
+	html {
+		font-size: 100%; 
+	}
+	.logo span.icon-phoenix-world{
+		font-size: 60px;
+		font-size: 6rem;
+	}
+	.containerx { 
+		width: auto;
+		font-size:18px;
+		word-wrap: break-word;
+		word-break: break-all;
+	}
+	.vrm iframe {
+		width:100%;
+	}
+	button.tag {
+		display:none;
+	}
+	article {
+		padding: 15px;
+	}
+}