smartphone view optimization

assets/css/styles-2.css

@@ -17,6 +17,11 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+@media (max-width: 767px) {
+    body{ 
+        padding: 0;
+    }
+}
 h1,
 h2,
 h3,

assets/css/styles-3.css

@@ -17,6 +17,11 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+@media (max-width: 767px) {
+    body{ 
+        padding: 0;
+    }
+}
 h1,
 h2,
 h3,

assets/css/styles-4.css

@@ -17,6 +17,11 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+@media (max-width: 767px) {
+    body{ 
+        padding: 0;
+    }
+}
 h1,
 h2,
 h3,

assets/css/styles-5.css

@@ -17,6 +17,11 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+@media (max-width: 767px) {
+    body{ 
+        padding: 0;
+    }
+}
 h1,
 h2,
 h3,

assets/css/styles-6.css

@@ -16,6 +16,12 @@ body {
   padding: 30px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+        
+}
+@media (max-width: 767px) {
+    body{ 
+        padding: 0;
+    }
 }
 h1,
 h2,

assets/css/styles.css

@@ -17,6 +17,12 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+@media (max-width: 767px) {
+    body{ 
+        padding: 0;
+    }
+}
+
 h1,
 h2,
 h3,