diff --git a/css/style.css b/css/style.css
index 17b16dc..995b152 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,10 +1,12 @@
 body {
-  overflow-x:hidden!important;
+
+  overflow-x: hidden !important;
   font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #333;
   font-weight: 400;
+  width: 100% !important;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -12,49 +14,78 @@ h1, h2, h3, h4, h5, h6 {
   font-weight: 500;
   line-height: 1.1;
 }
-#toc{
+
+#toc {
   font-size: 1em;
   padding-top: 50px;
-  max-height:95% !important;
-  overflow:auto !important;
-
+  max-height: 95% !important;
+  overflow: auto !important;
 }
 
 .top {
   opacity: 1;
 }
+
 .navbar-inverse {
-    background-color: #222;
-    border-color: #090909;
-}
-.navbar-inverse .navbar-nav > li > a {
-    color: #9d9d9d;
-}
-.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
-    background: #fb4f59;
+  background-color: #222;
+  border-color: #090909;
 }
 
-#titulo_cabecera a{
+.navbar-inverse .navbar-nav>li>a {
+  color: #9d9d9d;
+}
+
+.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
+  background: #fb4f59;
+}
+
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+  border-color: transparent;
+}
+
+#contenedor_cabecera {
+  padding-top: 0em;
+}
+
+#logo_cabecera {
+  max-width: 80% !important;
+  margin: 0 auto;
+}
+
+#titulo_cabecera a {
   color: lightgrey !important;
   text-transform: uppercase;
 }
-#menu_tupale {
-    height: 500px;
-    overflow: auto;
+
+#slogan_cabecera {
+  font-size: 2em;
+  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
+  margin-left: 5em;
+  margin-right: 5em;
 }
 
-#cabecera-botonera-admin {
-    background-color: #777677;
+.menu_tupale {
+  height: 50vh;
+  overflow: auto;
 }
-#ingreso_usuario{
-  color: white !important;
-  padding-top: 10px;
-  padding-bottom: 10px;
-  white-space:normal !important;
-  word-wrap: break-word;
+
+#div_panel_aplicaciones {
+  padding-top: 21em;
 }
 
 /*NAVBAR BRAND*/
+#menu_mobil{
+  display: grid !important;
+}
+#menu_social{
+  text-align: right;
+  float: right;
+}
+
+#menu_hamburguesa{
+  color: white;
+  background-color: none !important;
+}
 .navbar-brand {
   transform: translateX(-50%);
   left: 50%;
@@ -65,105 +96,100 @@ h1, h2, h3, h4, h5, h6 {
   display: block;
 }
 
-.image_mobile{
+.image_mobile {
   display: none !important;
 }
 
 /*logo barra navegacion*/
-.navbar-brand img{
-width: 15em;
-height: auto;
-margin-top: 100px;
-transition: all 1.3s ease;
 
+.navbar-brand img {
+  width: 15em;
+  height: auto;
+  transition: all 1s ease;
 }
 
 /* textos menú*/
 
-.navbar a {
-    font-size: 18px;
-    padding-bottom: 40px !important;
-    padding-top: 40px !important;
-    transition: all 0.3s ease;
-  }
-
+#navbar-principal {
+  font-size: 18px;
+  padding-bottom: 2em !important;
+  padding-top: 2em !important;
+  transition: all 0.3s ease;
+}
 
 .navbar.shrink {
   min-height: 35px;
 }
 
+#navbar-principal.shrink {
+  font-size: 18px;
+  padding-bottom: 1em !important;
+  padding-top: 1em !important;
+}
 
-.navbar.shrink  a {
-    font-size: 18px;
-    padding-bottom: 18px !important;
-    padding-top: 20px !important;
-  }
-
-  .navbar.shrink  img {
-   width: 5em;
-   height: auto;
-   transition: all 1.3s ease;
-   margin: 0px;
-  }
+.navbar.shrink img {
+  width: 5em;
+  height: auto;
+  transition: all 1.3s ease;
+  margin: 0px;
+}
 
 .navbar.shrink .navbar-toggle {
-    margin: 8px 15px 8px 0;
-    padding: 7px 8px;
-  }
+  margin: 8px 15px 8px 0;
+  padding: 7px 8px;
+}
 
 .navbar-toggle {
   margin: 13px 15px 13px 0;
   padding: 4px 5px;
-
 }
 
 .btn-botonera-admin {
-    margin-left: 20px;
-    margin-right: 20px;
-    border-left: 1px solid white;
+  margin-left: 20px;
+  margin-right: 20px;
 }
 
+#botonera-admin, #botonera-admin>a {
+  color: white !important;
+}
 
-#botonera-admin,
-#botonera-admin>a {
-    color: white !important;
+.btn-botonera-admin {
+  /* margin-left: 20px; */
+  /* margin-right: 20px; */
+  float: left;
 }
 
 .btn-botonera-admin:hover {
-    background-color: black;
+  background-color: black;
 }
 
 .btn.btn-botonera-admin:hover {
-    color: white !important;
+  color: white !important;
 }
 
 .intro-social-buttons {
-    padding-top: 10px !important;
+  padding-top: 10px !important;
 }
 
 #botonera_landing {
-    display: inline-flex;
+  display: inline-flex;
 }
 
 .boton_land {
-    margin-left: 3px !important;
+  margin-left: 3px !important;
 }
 
 .cabecera {
-    padding-bottom: 30px;
-    padding-left: 80px !important;
+  padding-bottom: 30px;
+  padding-left: 80px !important;
 }
 
-#logo_cabecera {
-    max-width: 80% !important;
-    margin: 0 auto;
-}
+
 
 #encabezado_proyecto {
-    padding-top: 30px;
+  padding-top: 30px;
 }
 
-
 /*PROYECTOS*/
 
 /* @media (max-width: 767px){
@@ -176,330 +202,376 @@ transition: all 1.3s ease;
   background-color: #d4d4d4;
 }
 
-
-.div_proyecto{
+.div_proyecto {
   display: inline-block;
   position: relative;
   margin: 10px;
   float: left;
-  background-color: grey;
+  background-color: darkgray;
   height: 14em;
   width: 14em;
 }
 
-.img-gris{
+.img-gris {
   position: absolute;
   top: 50%;
-   left: 50%;
-   transform: translate(-50%, -50%);
-  -webkit-filter: grayscale(100%) blur(3px) ;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -webkit-filter: grayscale(100%) blur(3px);
   max-height: 14em;
   max-width: 14em;
-  z-index:10;
-  transition:filter 0.2s;
-   -webkit-transition:-webkit-filter 1s;
-}
-.img-gris:hover{
-filter: grayscale(0);
- z-index: 11;
--webkit-filter: grayscale(0);
+  z-index: 10;
+  transition: filter 0.2s;
+  -webkit-transition: -webkit-filter 1s;
 }
 
-.proyecto_titulo{
-      position: absolute;
-      top:100px;
-      color:#fff;
-      background-color:#000;
-      padding:2px ;
-      opacity:0.5;
-      font-weight:bold; width:190px; z-index:20; word-wrap: break-word;
+.img-gris:hover {
+  filter: grayscale(0);
+  z-index: 11;
+  -webkit-filter: grayscale(0);
+}
+
+.proyecto_titulo {
+  position: absolute;
+  top: 100px;
+  color: #fff;
+  background-color: #000;
+  padding: 2px;
+  opacity: 0.5;
+  font-weight: bold;
+  width: 190px;
+  z-index: 20;
+  word-wrap: break-word;
 }
 
 /*fin proyectos*/
 
-
+/*Panel Editor*/
 
 .thumbnail {
-    height: 100% !important;
-    overflow-y: auto;
-    overflow-x: hidden;
-    padding: 0px 0px 70px 0px;;
-    border:none;
+  height: 100% !important;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 0px 0px 70px 0px;
+  ;
+  border: none;
 }
 
 .box-secciones {
-/*    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  /*    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
     transition: all 0.3s cubic-bezier(.25, .8, .25, 1);*/
-    border-radius: 0px !important;
-    padding: 50px;
-    border-bottom: 1px solid lightgrey;
+  border-radius: 0px !important;
+  padding: 50px;
+  border-bottom: 1px solid lightgrey;
 }
 
 .box-secciones:hover {
-    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
+  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
 }
 
 .img-secciones {
-    max-height: 250px;
+  max-height: 250px;
 }
 
 #buscador_centro {
-    display: inline-flex;
+  display: inline-flex;
 }
 
 #buscador_blog {
-    display: inline-flex !important;
+  display: inline-flex !important;
 }
 
-#fh5co-footer{
-display: inline-block;
+#fh5co-footer {
+  display: inline-block;
 }
 
-
-
-
 /* nube de etiquetas */
 
 div.etiquetas {
-    /* font-family: verdana,arial,helvetica;
+  /* font-family: verdana,arial,helvetica;
    font-size:8pt;
    */
-    padding: 5px;
+  padding: 5px;
 }
 
 div.etiquetas span {
-    float: left;
-    margin: 0 3px 0 3px;
-    height: 20pt;
-    white-space: nowrap;
+  float: left;
+  margin: 0 3px 0 3px;
+  height: 20pt;
+  white-space: nowrap;
 }
 
 span.etiquetatam1 {
-    font-size: 110%;
+  font-size: 110%;
 }
 
 span.etiquetatam2 {
-    font-size: 120%;
+  font-size: 120%;
 }
 
 span.etiquetatam3 {
-    font-size: 130%;
+  font-size: 130%;
 }
 
 span.etiquetatam4 {
-    font-size: 140%;
+  font-size: 140%;
 }
 
 span.etiquetatam5 {
-    font-size: 150%;
+  font-size: 150%;
 }
 
 span.etiquetatam6 {
-    font-size: 160%;
+  font-size: 160%;
 }
 
 span.etiquetatam7 {
-    font-size: 170%;
+  font-size: 170%;
 }
 
 span.etiquetatam8 {
-    font-size: 180%;
+  font-size: 180%;
 }
 
 span.etiquetatam9 {
-    font-size: 250%;
+  font-size: 250%;
 }
 
 span.etiquetatam10 {
-    font-size: 300%;
+  font-size: 300%;
 }
 
-
-
-
-
-
 /* nube de etiquetas */
 
 .drop-up {
-    top: auto;
-    bottom: 100% !important;
-
-    overflow: visible;
+  top: auto;
+  bottom: 100% !important;
+  overflow: visible;
 }
 
 .dropdown-menu {
-    min-width: 300px;
-    padding: 3px;
-    z-index: 99999;
+  min-width: 300px;
+  padding: 3px;
+  z-index: 99999;
 }
 
 .navbar .navbar-nav {
-    display: inline-block;
-    float: none;
+  display: inline-block;
+  float: none;
 }
 
 .navbar .navbar-collapse .navbar-principal {
-    text-align: center;
-    height: 30px;
-    margin-top: -13px;
+  text-align: center;
+  height: 30px;
+  margin-top: -13px;
 }
 
-.navbar-principal>li>a,
-{
-    padding-top: 0px !important;
-    padding-bottom: 0 !important;
-    height: 30px;
-    margin-top: -13px;
+.navbar-principal>li>a, {
+  padding-top: 0px !important;
+  padding-bottom: 0 !important;
+  height: 30px;
+  margin-top: -13px;
 }
 
 .navbar-principal {
-    min-height: 30px !important;
+  min-height: 30px !important;
 }
 
-
-
-
 .topnav {
-    width: 100px !important;
-    display: inline;
-    height: 30px;
-    padding-top: -10px !important;
-    padding-bottom: 0 !important;
-    height: 30px;
-    background: none;
-    border: 0px;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
+  width: 100px !important;
+  display: inline;
+  height: 30px;
+  padding-bottom: 0 !important;
+  height: 30px;
+  background: none;
+  border: 0px;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
 }
 
-
-
-
-
-
-
-
 /*width:80px; background: none; border:0px; -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 */
 
 @media all {
-    div.saltopagina {
-        display: none;
-    }
+  div.saltopagina {
+    display: none;
+  }
 }
 
 @media print {
-    div.saltopagina {
-        display: block;
-        page-break-before: always;
-    }
-    div.noprint {
-        display: none;
-    }
+  div.saltopagina {
+    display: block;
+    page-break-before: always;
+  }
+  div.noprint {
+    display: none;
+  }
 }
 
-<!-- ESTILOS PRIORITARIOS -->
-.modal-dialog {
-    width: 95% !important;
-    height: auto;
-    padding: 0;
+< !-- ESTILOS PRIORITARIOS -->.modal-dialog {
+  width: 95% !important;
+  height: auto;
+  padding: 0;
 }
 
 .modal-lg {
-    width: 98% !important;
-    height: auto;
-
-    padding: 0;
+  width: 98% !important;
+  height: auto;
+  padding: 0;
 }
 
 .modal-xs {
-    width: 40% !important;
-    height: auto;
-
-    padding: 0;
+  width: 40% !important;
+  height: auto;
+  padding: 0;
 }
 
 .modal-content {
-    height: auto;
+  height: auto;
 }
 
 .modal-body {
-    max-height: calc(100vh - 300px);
-    min-height: calc(100vh - 300px);
-    overflow-y: auto;
+  max-height: calc(100vh - 300px);
+  min-height: calc(100vh - 300px);
+  overflow-y: auto;
 }
 
 fieldset.fieldset-borde {
-    border: 2px solid #EDEDED !important;
-    border-radius: 3px;
-    padding: 0 1.4em 1.4em 1.4em !important;
-    margin: 0 0 1.5em 0 !important;
-    -webkit-box-shadow: 0px 0px 0px 0px #000;
-    box-shadow: 0px 0px 0px 0px #000;
+  border: 2px solid #EDEDED !important;
+  border-radius: 3px;
+  padding: 0 1.4em 1.4em 1.4em !important;
+  margin: 0 0 1.5em 0 !important;
+  -webkit-box-shadow: 0px 0px 0px 0px #000;
+  box-shadow: 0px 0px 0px 0px #000;
 }
 
 legend.legend-area {
-    font-size: 1.2em !important;
-    font-weight: bold !important;
-    text-align: left !important;
-    width: auto;
-    padding: 0 10px;
-    border-bottom: none;
+  font-size: 1.2em !important;
+  font-weight: bold !important;
+  text-align: left !important;
+  width: auto;
+  padding: 0 10px;
+  border-bottom: none;
 }
 
 .fh5co-post-entry article h2 {
-    font-size: 28px;
-    !important;
+  font-size: 28px;
+   !important;
 }
 
 #fh5co-offcanvas .fh5co-bio img {
-    border-radius: 10px !important;
+  border-radius: 10px !important;
 }
 
 fieldset.fieldset-borde {
-    border: 2px solid #EDEDED !important;
-    border-radius: 3px;
-    padding: 0 1.4em 1.4em 1.4em !important;
-    margin: 0 0 1.5em 0 !important;
-    -webkit-box-shadow: 0px 0px 0px 0px #000;
-    box-shadow: 0px 0px 0px 0px #000;
+  border: 2px solid #EDEDED !important;
+  border-radius: 3px;
+  padding: 0 1.4em 1.4em 1.4em !important;
+  margin: 0 0 1.5em 0 !important;
+  -webkit-box-shadow: 0px 0px 0px 0px #000;
+  box-shadow: 0px 0px 0px 0px #000;
 }
 
 legend.legend-area {
-    font-size: 1.2em !important;
-    font-weight: bold !important;
-    text-align: left !important;
-    width: auto;
-    padding: 0 10px;
-    border-bottom: none;
+  font-size: 1.2em !important;
+  font-weight: bold !important;
+  text-align: left !important;
+  width: auto;
+  padding: 0 10px;
+  border-bottom: none;
 }
+
 /*
 RESPONSIVE */
 
-@media (max-width: 767px){
-.box {
-    display: table !important;
-}
+/*Se afectan todos hacia arriba*/
+
+@media (min-width: 767px) {
+  #cabecera {
+    margin-left: 20px;
+    margin-right: 20px;
+  }
 }
 
-@media (min-width: 767px){
+@media only screen and (max-width: 1200px) {
+  #logo_cabecera {
+    padding-top: 3em;
+  }
+
+  #div_panel_aplicaciones{
+    padding-top: 23em;
+  }
+
+  .img-gris {
+    filter: grayscale(0);
+  }
+}
+
+@media only screen and (max-width: 992px) {
 #slogan_cabecera{
-  font-size: 2em;
-  text-shadow: 0px 2px 3px rgba(0,0,0,0.4);
-  margin-left: 5em;
-  margin-right: 5em;
-}
-#contenedor_cabecera{
-  padding-top: 15em;
-  padding-bottom: 3em;
+  margin: 0em !important;
 }
 
-#cabecera{
-  margin-left: 20px;
-  margin-right: 20px;
+}
+
+@media only screen and (max-width: 767px) {
+  .navbar-header {
+    margin: 0px !important;
+    float: left;
+  }
+
+  #slogan_cabecera{
+    font-size: 1.5em;
+  }
+  #logo_cabecera {
+    padding-top: 0em;
+  }
+  #div_panel_aplicaciones {
+    padding-top: 21em;
+  }
+
+}
+
+@media only screen and (max-width: 586px) {
+  #contenedor_cabecera {
+    padding-top: 0em;
+  }
+  #div_panel_aplicaciones {
+    padding-top: 15em;
+  }
+  #logo_cabecera {
+    max-width: 65% !important;
+  }
+  #principal_general {
+    padding-left: 2em;
+  }
+  #texto_articulo{
+    padding: 0px !important
+  }
+}
+
+@media only screen and (max-width: 495px) {
+  #contenedor_cabecera {
+    padding-top: 0em;
+  }
+
+  #principal_general {
+    padding-left: 3em;
+}
+#proyectos{
+  display: grid !important;
+}
+
+}
+
+@media only screen and (max-width: 320px) {
+  #slogan_cabecera {
+    font-size: 1em;
+  }
+  #div_panel_aplicaciones {
+    padding-top: 10em;
 }
 }