diff --git a/style.css b/style.css
index 528b394..c754f50 100644
--- a/style.css
+++ b/style.css
@@ -182,4 +182,27 @@ footer a:hover, footer a:focus {
     color: rgb(170, 255, 0);
     text-decoration: none;
     margin: 0;
+}
+
+@media only screen and (max-width: 600px) {
+    
+    .calculator {
+        width: 90vw;
+        height: 70%;
+    }
+
+    .main-screen {
+        font-size: 45px;
+        word-wrap: break-word;
+    }
+
+    button {
+        font-size: 40px;
+        height: 100%;
+        width: 100%;
+    }
+
+    .equal {
+        width: 100%;
+    }
 }
\ No newline at end of file