diff --git a/src/sass/_teclado.scss b/src/sass/_teclado.scss
index 573dfa9..73ea908 100644
--- a/src/sass/_teclado.scss
+++ b/src/sass/_teclado.scss
@@ -6,16 +6,19 @@
     -ms-user-select: none;
     user-select: none;
     margin: auto;
-    width: 855px;
-    position: inherit;
+    width: 60%;
+    position: absolute;
     height: auto;
     border: 1px solid rgba(255, 128, 0, .4);
     background-color: rgba(0, 0, 0, .3);
     bottom: 5px;
+    z-index: 100000;
     table {
+        width: auto;
+        height: auto;
+        margin: 0px auto;
         border-spacing: 10px;
         border-collapse: separate;
-        z-index: 100000;
         td {
             touch-action: none;
         }
@@ -23,14 +26,15 @@
 
     .letter {
         background-color: #bdbdbd;
-        box-shadow: 2px 2px 3px #555555;
-        width: 47px;
-        height: 50px;
+        box-shadow: 2px 2px 3px #555555;        
+        padding: 10px;
+        width: auto;
+        height: auto;
         text-align: center;
         font-family: "arial";
         cursor: pointer;
         color: #000;
-        font-size: 22px;
+        font-size: 80%;
 
         &:hover {
             background-color: #fafafa;
@@ -43,13 +47,14 @@
     .number {
         background-color: #bdbdbd;
         box-shadow: 2px 2px 3px #555555;
-        width: 47px;
-        height: 35px;
+        padding: 10px;
+        width: auto;
+        height: auto;
         text-align: center;
         font-family: "arial";
         cursor: pointer;
         color: #000;
-        font-size: 22px;
+        font-size: 80%;
 
         &:hover {
             background-color: #fafafa;
@@ -61,7 +66,7 @@
     }
 
     .margin {
-        width: 40px;
-        height: 50px;
+        width: 5%;
+        height: 5%;
     }
 }