diff --git a/index.html b/index.html
index 2cc58ab..b252c7a 100644
--- a/index.html
+++ b/index.html
@@ -50,7 +50,7 @@
         </style>
         <botonera-horizontal></botonera-horizontal>
         <div ng-view class="container contenedor"></div>
-        <div class="container contenedor-teclado">
+        <div class="container contenedor-teclado d-none d-sm-block">
             <div class="btn-group-toggle" data-toggle="buttons" ng-click="mostrarTeclado = !mostrarTeclado">
                 <label class="btn btn-secondary active" ng-class="{'teclado-activar': mostrarTeclado}">
                     <input type="checkbox" autocomplete="off"><i class="fa fa-keyboard-o fa-3x" aria-hidden="true"></i>
diff --git a/src/sass/_acciones-mobile.scss b/src/sass/_acciones-mobile.scss
new file mode 100644
index 0000000..f130749
--- /dev/null
+++ b/src/sass/_acciones-mobile.scss
@@ -0,0 +1,5 @@
+.acciones-mobile {
+    line-height: 2.5em; 
+    color: orange;
+    font-size: 1.25em
+}
\ No newline at end of file
diff --git a/src/sass/_bootstrap.scss b/src/sass/_bootstrap.scss
index d041628..8771ec2 100644
--- a/src/sass/_bootstrap.scss
+++ b/src/sass/_bootstrap.scss
@@ -9,4 +9,19 @@
     font-size: .8rem;
     line-height: 1.5;
     border-radius: .2rem;
+}
+.no-border-bottom {
+    border-bottom: 0 !important;
+}
+.no-border-top {
+    border-top: 0 !important;
+}
+.no-border {
+    border: 0 !important;
+}
+.margin-bottom-mobile {
+    margin-bottom: 2.5em !important;
+}
+.tamaño-boton {
+    width:44px;
 }
\ No newline at end of file
diff --git a/src/sass/_contenedor.scss b/src/sass/_contenedor.scss
index f648497..d49fc15 100644
--- a/src/sass/_contenedor.scss
+++ b/src/sass/_contenedor.scss
@@ -4,8 +4,11 @@ body {
 
 .contenedor {
     background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3);
-    min-height: 600px;
-    min-width: 800px;
+    @media (min-width: 768px) {
+        min-height: 600px;
+        min-width: 800px;
+    }
+
 }
 
 .contenedor-teclado {
@@ -15,7 +18,9 @@ body {
 
 .grilla-articulo {
     background-color: rgba(0, 0, 0, 0.8);
-    height: 430px;
+    @media (min-width: 768px) {
+        height: 430px;
+    }
 }
 
 .crear-nota-pedido {
diff --git a/src/sass/general.scss b/src/sass/general.scss
index c64dc5a..02bfc82 100644
--- a/src/sass/general.scss
+++ b/src/sass/general.scss
@@ -10,3 +10,4 @@
 @import 'tabla';
 @import 'teclado';
 @import 'tabla-articulos';
+@import 'acciones-mobile';