1. ajustes que la home entre en un pantallazo en pcs y tenga estilo app en moviles

fuel/app/views/dashboard/index.twig

@@ -4,79 +4,73 @@
         <div class="row">
             <div class="col-md-7">
                 {#fila 1#}
-                <div class="col-container mt20">
-                    <div class="col bg-color-perfil border-box-home btn-home">
+                <div class="row antirow">
+                    <div class="col-xs-6 bg-color-perfil border-box-home btn-home">
                         <a href="perfil">
                             <div class="text-center">
-                                <img src="assets/img/home/perfil3.png" class="img-responsive-custom btn-home"/>
+                                <img src="assets/img/home/perfil3.png" class="img-responsive-custom"/>
                             </div>
                             <div class="p-text-btn-home">
-                                <p class="whitecolor">Mi Perfil</p>
+                                <p class="text-btn-home">Mi Perfil</p>
                             </div>
                         </a>
                     </div>
-                    <div class="col bg-color-menu-personalizado border-box-home btn-home">
+                    <div class="col-xs-6 bg-color-menu-personalizado border-box-home btn-home">
                         <a href="menupersonalizado">
                             <div class="text-center">
-                                <img src="assets/img/home/menu_personalizado2.png" class="img-responsive-custom " />
+                                <img src="assets/img/home/menu_personalizado2.png" class="img-responsive-custom" />
                             </div>
                             <div class="p-text-btn-home">
-                                <p class="whitecolor">Menú Personalizado</p>
+                                <p class="text-btn-home">Menú Personalizado</p>
                             </div>
                         </a>
                     </div>
                 </div>
                 {#fila 2#}
-                <div class="col-container">
-                        <div class="col bg-color-menus-saludables border-box-home btn-home">
-                            <a href="menussaludables">
-                                <div class="text-center">
-                                    <img src="assets/img/home/menus_saludables.png" class="img-responsive-custom btn-home"/>
-                                </div>
-                                <div class="p-text-btn-home">
-                                    <p class="whitecolor">Menús Saludables</p>
-                                </div>
-                            </a>
+
+                <div class="bg-color-menus-saludables border-box-home btn-home ">
+                    <a href="menussaludables">
+                        <div class="text-center">
+                            <img src="assets/img/home/menus_saludables.png" class="img-responsive-custom icono-menu-saludable"/>
+                        </div>
+                        <div class="p-text-btn-home">
+                            <p class="text-btn-home">Menús Saludables</p>
                         </div>
+                    </a>
                 </div>
+
             </div>
             <div class="col-md-5">
                 {#logo#}
-                <div class="text-center mt40">
+                <div class="text-center mt-logobighome hidden-xs hidden-sm">
                     <img src="assets/img/logos/inutralia_big.png" class="img-responsive-custom "/>
                 </div>
-
-                <div class="mt40">
-                    {#otras seccions links#}
-                    <a href="recetario ">
-                        <div class="row item-list-style mt30">
+                {#otras seccions links#}
+                <div class="mt-lista-home">
+                    <a href="recetario">
+                        <div class="row item-list-style-home">
                             <div class="col-xs-10"> Recetario</div>
                             <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                         </div>
                     </a>
-
                     <a href="boletin-saludable">
-                        <div class="row item-list-style">
+                        <div class="row item-list-style-home">
                             <div class="col-xs-10">Boletín saludable</div>
                             <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                         </div>
                     </a>
-
                     <a href="lista-compra">
-                        <div class="row item-list-style">
+                        <div class="row item-list-style-home">
                             <div class="col-xs-10">Lista de la compra  </div>
                             <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                         </div>
                     </a>
+                    <div class="logout-home-position mt-logout-home">
+                        <h2 class="text-welcome-home">Bienvenid@ Gema</h2>
 
-                    <div class="logout-home-position" style="margin-top:30%;">
-                        <h2 class="mt40">Bienvenid@</br>
-                            Gema</h2>
                         <a href="auth/logout" class="btn btn-custom btn-other">Cerrar Sesión <i class="fa fa-sign-out"></i>   </a>
                     </div>
-
                 </div>
-
             </div>
         </div>
     </div>

fuel/app/views/layout/menu_dashboard.twig

@@ -3,14 +3,15 @@
     <nav class="navbar  navbar-fixed-top" role="navigation"  style="background-color: white;">
         <div class="container">
             <div class="row mt20">
-                <div class="col-xs-2 text-left">
+                <div class="col-xs-4 text-left">
                     <a  type="button" id="trigger-overlay" >
                         <i class="fa fa-bars fa-2x line-height-60 color-menu-personalizado"></i>
                     </a>
                 </div>
-                <div class="col-xs-10 text-right">
-
+                <div class="col-xs-4 text-center">
+                    <a href="dashboard"><img src="assets/img/logos/inutralia.png" class="img-responsive-custom visible-xs visible-sm"/></a>
                 </div>
+                <div class="col-xs-4"></div>
             </div>
         </div>
     </nav>

public/assets/css/custom.css

@@ -8,6 +8,36 @@ body{
     color: #333;
 }
 
+.pt-container-ppal{
+    padding-top:80px;
+}
+
+@media(max-width:768px){
+    .pt-container-ppal {
+        padding-top: 40px;
+    }
+}
+@media(max-width:420px){
+    .pt-container-ppal {
+        padding-top: 10px;
+    }
+}
+
+@media(min-width:1280px)and (max-width:1368px){
+    .pt-container-ppal {
+        padding-top: 10px;
+    }
+}
+
+@media(min-width:2100px){
+    .pt-container-ppal {
+        padding-top: 10%;
+    }
+  
+}
+
+
+
 /*----------------------------------------------------*/
 /*--------------COLORES CORPORATIVOS------------------*/
 /*-------------------------------------------------------*/
@@ -51,7 +81,6 @@ body{
     cursor:pointer;
     color:#333!important;
 
-
 }
 .item-list-style:hover, .item-list-style:active,.item-list-style:active {
     /*background-color: #ccc;*/
@@ -61,6 +90,28 @@ body{
 
 }
 
+.item-list-style-home{
+    padding:20px 5px 20px 5px;
+    border-bottom:1px solid #ccc;
+    cursor:pointer;
+    color:#333!important;
+}
+
+.item-list-style-home:hover, .item-list-style-home:active,.item-list-style-home:active {
+    /*background-color: #ccc;*/
+    background-color: #000;
+    color:#fff!important;
+
+
+}
+
+@media(max-width:768px){
+    .item-list-style-home{
+        padding:10px 5px 10px 5px;
+
+    }
+}
+
 /*-----------------------------------------------------*/
 /*----------- DIVS, CAJAS , ESTILOS GENÉRICOS-----------*/
 /*------------------------------------------------------*/
@@ -296,9 +347,7 @@ h1{
 .pb50{
     padding-bottom:50px;
 }
-.pt-container-ppal{
-    padding-top:80px;
-}
+
 .mt-50{
     margin-top:-50px;
 }
@@ -480,7 +529,9 @@ a:focus {
 }
 
 /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-DASHBOARD, HOME*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
-
+.text-btn-home{
+    color:#fff;
+}
 .p-text-btn-home{
     padding:10px 10px 10px 30px;
 }
@@ -492,6 +543,77 @@ a:focus {
 .btn-home:hover {
    opacity:0.8;
 }
+.border-box-home{
+    border:10px solid #fff;
+    position:relative;
+    padding:20px 20px 10px 20px;
+    /*margin-top:40px;*/
+}
+
+.mt-lista-home{
+    margin-top:70px;
+}
+
+.mt-logout-home{
+    margin-top:30%;
+}
+
+.mt-logobighome{
+    margin-top:10px;
+}
+.text-welcome-home{
+   margin-top:40px;
+}
+@media (max-width: 415px) {
+
+    .text-btn-home{
+        font-size:0.68em;
+    }
+}
+@media (max-width: 768px) {
+    .text-btn-home{
+      margin-bottom:10px;
+    }
+    .p-text-btn-home{
+        padding:15px 3px 0px 3px;
+    }
+    .border-box-home{
+        padding:10px 5px 2px 5px;
+        border:5px solid #fff;
+
+    }
+    .text-btn-home{
+        text-align:center;
+    }
+    .icono-menu-saludable{
+        width:40%;
+    }
+    .mt-lista-home{
+        margin-top:10px;
+    }
+    .mt-logout-home{
+        margin-top:10px;
+    }
+    .text-welcome-home{
+        font-size:1.3em;
+        margin-bottom:20px;
+    }
+}
+
+/***_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_ po típico 1366x768**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_**_*_ */
+
+@media (min-width: 1199px)and (max-width: 1367px) {
+    .icono-menu-saludable{
+        width:36%;
+    }
+
+    .mt-logout-home{
+        margin-top:20px;
+    }
+}
+
+
+
 
 /*----------------------------------------*/
 /*----------CUADRÍCULA CUADRADOS MISMA ALTURA  HOME--------------*/
@@ -506,12 +628,7 @@ a:focus {
     cursor:pointer;
 }
 
-.border-box-home{
-    border:10px solid #fff;
-    position:relative;
-    padding:20px 20px 10px 20px;
-    margin-top:40px;
-}
+
 
 @media only screen and (max-width: 600px) {
     .col {