diff --git a/style.css b/style.css
index f328e50..ae92a07 100644
--- a/style.css
+++ b/style.css
@@ -116,8 +116,80 @@ footer {
 }
 
 @media (max-width: 1250px) {
+  header .logo {
+    margin-left: 5vw;
+  }
   .contenedor {
     flex-direction: column;
     height: auto;
+    gap: 10px;
+  }
+  .contenedor .caja-entrada {
+    margin-top: 20px;
+    width: 90vw;
+    height: auto;
+  }
+  .contenedor .caja-entrada .caja-mensaje {
+    margin: 40px;
+  }
+  .contenedor .caja-entrada .caja-mensaje #mensaje {
+    height: 40vh;
+  }
+  .contenedor .caja-entrada .botones {
+    margin-bottom: 20px;
+  }
+  .contenedor .caja-salida {
+    width: 90vw;
+    height: 50vh;
+  }
+  .contenedor .caja-salida #area-Respuesta {
+    width: 80%;
+    text-align: center;
+  }
+  footer {
+    align-items: center;
+  }
+}
+@media (max-width: 600px) {
+  header {
+    height: 5vh;
+  }
+  .logo {
+    width: 20px;
+  }
+  .contenedor {
+    height: 90vh;
+  }
+  .contenedor .caja-entrada {
+    border: none;
+  }
+  .contenedor .caja-entrada .caja-mensaje {
+    margin: 0;
+    margin-bottom: 10px;
+  }
+  .contenedor .caja-entrada .caja-mensaje #mensaje {
+    height: 30vh;
+  }
+  .contenedor .caja-entrada .botones {
+    align-items: center;
+    gap: 10px;
+    flex-direction: column;
+    margin: 0;
+  }
+  .contenedor .caja-entrada .botones .btn {
+    padding: 10px;
+    width: 100%;
+  }
+  .contenedor .caja-salida {
+    background-color: #D9D9D9;
+    border: none;
+    height: 40vh;
+  }
+  footer {
+    height: 5vh;
+    font-size: 11px;
+  }
+  footer a {
+    text-decoration: none;
   }
 }/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/style.css.map b/style.css.map
index a98c173..114c01b 100644
--- a/style.css.map
+++ b/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;EAEA,yBAAA;ACAJ;;ADMA;EACI,YAAA;EAEA,uBAAA;EACA,kBAAA;EACA,uBAAA;EACA,mBAAA;EAEA,eAAA;ACLJ;;ADWA;EACI,YAAA;EAIA,aAAA;EACA,gBAAA;ACXJ;ADaI;EACI,kBAAA;ACXR;;ADiBA;EACI,YAAA;EAEA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,QAAA;ACfJ;ADmBI;EAEI,WAAA;EACA,YAAA;EASA,uBAAA;AC1BR;AD6BQ;EAGI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,sBAAA;EACA,YAAA;AC7BZ;AD+BY;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,SAAA;EAEA,sBAAA;EAEA,eAAA;EACA,cAAA;EACA,eAAA;EACA,iBAAA;AC/BhB;ADkCY;EACI,YAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EAEA,eAAA;ACjChB;ADyCQ;EACI,WAAA;EAEA,aAAA;EACA,6BAAA;EACA,iBAAA;ACxCZ;AD0CY;EACI,qCAAA;EACA,YAAA;ACxChB;AD8CI;EAEI,WAAA;EACA,YAAA;EAEA,uBAAA;EAEA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,sBAAA;EACA,SAAA;AC/CR;ADiDQ;EACI,UAAA;EACA,kBAAA;EAEA,aAAA;EACA,sBAAA;EACA,mBAAA;AChDZ;ADiDY;EACI,UAAA;AC/ChB;ADiDY;EACI,gBAAA;AC/ChB;ADkDQ;EACI,UAAA;EACA,WAAA;EAGA,kBAAA;EAEA,aAAA;ACnDZ;ADuDQ;EACI,uBAAA;EACA,kBAAA;EAEA,iBAAA;EAEA,eAAA;EAEA,aAAA;ACxDZ;;AD8DA;EACI,WAAA;EAEA,aAAA;EACA,uBAAA;EACA,kBAAA;EAEA,eAAA;AC7DJ;;ADgEA;EACI;IACI,sBAAA;IAEA,YAAA;EC9DN;AACF","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;EAEA,yBAAA;ACAJ;;ADMA;EACI,YAAA;EAEA,uBAAA;EACA,kBAAA;EACA,uBAAA;EACA,mBAAA;EAEA,eAAA;ACLJ;;ADWA;EACI,YAAA;EAIA,aAAA;EACA,gBAAA;ACXJ;ADaI;EACI,kBAAA;ACXR;;ADiBA;EACI,YAAA;EAEA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,QAAA;ACfJ;ADmBI;EAEI,WAAA;EACA,YAAA;EASA,uBAAA;AC1BR;AD6BQ;EAGI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,sBAAA;EACA,YAAA;AC7BZ;AD+BY;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,SAAA;EAEA,sBAAA;EAEA,eAAA;EACA,cAAA;EACA,eAAA;EACA,iBAAA;AC/BhB;ADkCY;EACI,YAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,aAAA;EAEA,eAAA;ACjChB;ADyCQ;EACI,WAAA;EAEA,aAAA;EACA,6BAAA;EACA,iBAAA;ACxCZ;AD0CY;EACI,qCAAA;EACA,YAAA;ACxChB;AD8CI;EAEI,WAAA;EACA,YAAA;EAEA,uBAAA;EAEA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,sBAAA;EACA,SAAA;AC/CR;ADiDQ;EACI,UAAA;EACA,kBAAA;EAEA,aAAA;EACA,sBAAA;EACA,mBAAA;AChDZ;ADiDY;EACI,UAAA;AC/ChB;ADiDY;EACI,gBAAA;AC/ChB;ADkDQ;EACI,UAAA;EACA,WAAA;EAGA,kBAAA;EAEA,aAAA;ACnDZ;ADuDQ;EACI,uBAAA;EACA,kBAAA;EAEA,iBAAA;EAEA,eAAA;EAEA,aAAA;ACxDZ;;AD8DA;EACI,WAAA;EAEA,aAAA;EACA,uBAAA;EACA,kBAAA;EAEA,eAAA;AC7DJ;;ADgEA;EACI;IACI,gBAAA;EC7DN;ED+DE;IACI,sBAAA;IAEA,YAAA;IACA,SAAA;EC9DN;EDgEM;IACI,gBAAA;IACA,WAAA;IACA,YAAA;EC9DV;EDgEU;IACI,YAAA;EC9Dd;EDgEc;IACI,YAAA;EC9DlB;EDiEU;IACI,mBAAA;EC/Dd;EDkEM;IACI,WAAA;IACA,YAAA;EChEV;EDkEU;IACI,UAAA;IACA,kBAAA;EChEd;EDoEE;IACI,mBAAA;EClEN;AACF;ADqEA;EACI;IACI,WAAA;ECnEN;EDoEI;IACE,WAAA;EClEN;EDoEE;IACI,YAAA;EClEN;EDoEM;IACI,YAAA;EClEV;EDoEU;IACI,SAAA;IACA,mBAAA;EClEd;EDoEc;IACI,YAAA;EClElB;EDqEU;IACI,mBAAA;IACA,SAAA;IACA,sBAAA;IACA,SAAA;ECnEd;EDqEc;IACI,aAAA;IACA,WAAA;ECnElB;EDuEM;IACI,yBAAA;IACA,YAAA;IAEA,YAAA;ECtEV;EDyEE;IACI,WAAA;IACA,eAAA;ECvEN;EDyEM;IACI,qBAAA;ECvEV;AACF","file":"style.css"}
\ No newline at end of file
diff --git a/style.scss b/style.scss
index 1fbc98e..aa98569 100644
--- a/style.scss
+++ b/style.scss
@@ -178,9 +178,91 @@ footer{
 }
 
 @media (max-width: 1250px) {
+    header .logo{
+        margin-left: 5vw;
+    }
     .contenedor{
         flex-direction: column;
         
         height: auto;
+        gap: 10px;
+
+        .caja-entrada{
+            margin-top: 20px;
+            width: 90vw;
+            height: auto;
+    
+            .caja-mensaje{
+                margin: 40px;
+    
+                #mensaje {
+                    height: 40vh;
+                }
+            }
+            .botones{
+                margin-bottom: 20px;
+            }
+        }
+        .caja-salida{
+            width: 90vw;
+            height: 50vh;
+
+            #area-Respuesta{
+                width: 80%;
+                text-align: center;
+            }
+        }
+    }
+    footer{
+        align-items: center;
+    }
+}
+
+@media (max-width: 600px) {
+    header{
+        height: 5vh;
+    } .logo{
+        width: 20px;
+    }
+    .contenedor{
+        height: 90vh;
+
+        .caja-entrada{
+            border: none;
+    
+            .caja-mensaje{
+                margin: 0;
+                margin-bottom: 10px;
+    
+                #mensaje {
+                    height: 30vh;
+                }
+            }
+            .botones{
+                align-items: center;
+                gap: 10px;
+                flex-direction: column;
+                margin: 0;
+
+                .btn{
+                    padding: 10px;
+                    width: 100%;
+                }
+            }
+        }
+        .caja-salida{
+            background-color: #D9D9D9;
+            border: none;
+
+            height: 40vh;
+        }
+    }
+    footer{
+        height: 5vh;
+        font-size: 11px;
+
+        a{
+            text-decoration: none;
+        }
     }
   }
\ No newline at end of file