diff --git a/src/app/app.component.css b/src/app/app.component.css
index 28ef36c..e69de29 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -1,15 +0,0 @@
-/* Small devices (up to 768px) */
-@media only screen and (max-width: 768px) {
-    .container {
-        margin: 2% 1% 5%;
-        /* top / right/left / bottom */
-    }
-}
-
-/* Larger devices (769px and up) */
-@media only screen and (min-width: 769px) {
-    .container {
-        margin: 2% 10% 5%;
-        /* top / right/left / bottom */
-    }
-}
\ No newline at end of file
diff --git a/src/styles.css b/src/styles.css
index 476f95b..0ddce80 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -55,7 +55,12 @@ body {
 }
 
 /* Small devices (up to 768px) */
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 666px) {
+    .container {
+        margin: 2% 1% 5%;
+        /* top / right/left / bottom */
+    }
+
     .small-screen-warning {
         text-align: center;
         font-weight: bold;
@@ -70,7 +75,12 @@ body {
 }
 
 /* Larger devices (769px and up) */
-@media only screen and (min-width: 769px) {
+@media only screen and (min-width: 667px) {
+    .container {
+        margin: 2% 10% 5%;
+        /* top / right/left / bottom */
+    }
+    
     .small-screen-warning {
         display: none;
     }