diff --git a/src/Components/IsNiftyOpenApp/App.css b/src/Components/IsNiftyOpenApp/App.css
index 5297d43..a26dbdd 100644
--- a/src/Components/IsNiftyOpenApp/App.css
+++ b/src/Components/IsNiftyOpenApp/App.css
@@ -1,41 +1,47 @@
 /* Make responsive by adjusting master text-size em */
 
-@media screen and (min-device-width: 1441px) {
+@media screen and (min-width: 1441px) {
   .App {
     font-size: 2.25em;
   }
 }
 
-@media screen and (min-device-width: 1025px) and (max-device-width: 1440px) {
+@media screen and (min-width: 1025px) and (max-width: 1440px) {
   .App {
     font-size: 1.5em;
   }
 }
 
-@media screen and (min-device-width: 769px) and (max-device-width: 1024px) {
+@media screen and (min-width: 769px) and (max-width: 1024px) {
   .App {
     font-size: 1.2em;
   }
 }
 
-@media screen and (min-device-width: 601px) and (max-device-width: 768px) {
+@media screen and (min-width: 601px) and (max-width: 768px) {
   .App {
     font-size: 0.9em;
   }
 }
 
-@media screen and (min-device-width: 426px) and (max-device-width: 600px) {
+@media screen and (min-width: 426px) and (max-width: 600px) {
   .App {
     font-size: 0.6em;
   }
 }
 
-@media screen and (min-device-width: 320px) and (max-device-width: 425px) {
+@media screen and (min-width: 321px) and (max-width: 425px) {
   .App {
     font-size: 0.45em;
   }
 }
 
+@media screen and (max-width: 320px){
+  .App {
+    font-size: 0.3em;
+  }
+}
+
 .App {
   width: 100%;
   height: 100%;