Reduce page margins on mobile devices

themes/red/assets/css/site.css

@@ -3,6 +3,22 @@
     aside {
         flex: 200px 0 0;
     }
+
+    header {
+        margin: 10px;
+    }
+
+    aside {
+        margin: 10px;
+    }
+
+    article {
+        margin: 10px;
+    }
+
+    footer {
+        margin: 10px;
+    }
 }
 
 /* mobile devices */
@@ -33,8 +49,6 @@ body {
 header {
     flex-grow: 1;
     flex-basis: 100%;
-
-    margin: 10px;
 }
 
 aside {
@@ -45,8 +59,6 @@ aside {
     border: 1px solid black;
     border-radius: 3px;
     padding: 15px;
-
-    margin: 10px;
 }
 
 article {
@@ -58,8 +70,6 @@ article {
     padding: 15px;
 
     flex: 2 0;
-
-    margin: 10px;
 }
 
 footer {
@@ -67,8 +77,6 @@ footer {
 
     flex-grow: 1;
     flex-basis: 100%;
-
-    margin: 10px;
 }
 
 .article-img {