diff --git a/client/src/style/App.scss b/client/src/style/App.scss
index 2e14534..68d93ff 100644
--- a/client/src/style/App.scss
+++ b/client/src/style/App.scss
@@ -47,6 +47,9 @@ body {
   display: flex;
   justify-content: space-around;
   padding: 32px;
+  @media (max-width: 500px) {
+    padding: 8px;
+  }
 }
 
 .imgArrrow {
@@ -89,6 +92,11 @@ body {
   flex-direction: column;
   margin-top: 2rem;
 
+  @media (max-width: 500px) {
+    width: 100%;
+  }
+
+ 
   .options-container {
     background: #2f3640;
     color: #f5f6fa;
@@ -143,7 +151,7 @@ body {
 
 
 .inputSearch {
-  width: 360px;
+  width: 100%;
   font-size: 15px;
   padding: .5em;
 }
@@ -226,9 +234,13 @@ body {
   
   margin-top: .3em;
   letter-spacing: 2px;
-  font-size: 55px;
+  font-size: 3rem;
   text-align: center;
   font-weight: bolder;
+
+  @media (max-width: 500px) {
+    font-size: 2rem;
+  }
 }
 
 @keyframes rotate {