diff --git a/public/css/style.css b/public/css/style.css
index 9de4037..e5eed3a 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -204,10 +204,55 @@ footer a .fa-heart {
         grid-template-columns: repeat(3, 1fr);
   }
   #color-container .outer-box .box {
-    width: 30vw;
+    width: 95%;
   }
   footer #color-pickr #copyBtn {
     width: 50vw;
   }
 }
+
+@media all and (max-width: 800px) {
+  h1 {
+    font-size: 6vw;
+  }
+  header button {
+    font-size: 3.2vw;
+  }
+  #color-container .outer-box {
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -ms-grid-columns: (1fr)[2];
+        grid-template-columns: repeat(2, 1fr);
+  }
+  #color-container .outer-box .box {
+    width: 95%;
+    font-size: 2.5vw;
+  }
+  footer #color-pickr #copyBtn {
+    width: 60vw;
+    font-size: 2vw;
+  }
+}
+
+@media all and (max-width: 500px) {
+  h1 {
+    font-size: 7vw;
+  }
+  #color-container .outer-box {
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -ms-grid-columns: (1fr)[1];
+        grid-template-columns: repeat(1, 1fr);
+  }
+  #color-container .outer-box .box {
+    width: 100%;
+    font-size: 3vw;
+  }
+  footer #color-pickr #copyBtn {
+    width: 80vw;
+    font-size: 3vw;
+  }
+}
 /*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/public/css/style.css.map b/public/css/style.css.map
index 59b4887..4819e67 100644
--- a/public/css/style.css.map
+++ b/public/css/style.css.map
@@ -1,6 +1,6 @@
 {
     "version": 3,
-    "mappings": "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",
+    "mappings": "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",
     "sources": [
         "style.scss"
     ],
diff --git a/public/css/style.scss b/public/css/style.scss
index d405d03..880acd5 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -158,7 +158,7 @@ footer{
             justify-content: center;
             grid-template-columns: repeat(3, 1fr);
             .box{
-                width: 30vw;
+                width: 95%;
             }
         }
 
@@ -187,7 +187,7 @@ footer{
             justify-content: center;
             grid-template-columns: repeat(2, 1fr);
             .box{
-                width: 42vw;
+                width: 95%;
                 font-size: 2.5vw;
             }
         }
@@ -213,7 +213,7 @@ footer{
             justify-content: center;
             grid-template-columns: repeat(1, 1fr);
             .box{
-                width: 87vw;
+                width: 100%;
                 font-size: 3vw;
             }
         }