diff --git a/src/assets/facebook.png b/src/assets/facebook.png
new file mode 100644
index 0000000..cb7df4b
Binary files /dev/null and b/src/assets/facebook.png differ
diff --git a/src/assets/logo_fesa.png b/src/assets/logo_fesa.png
new file mode 100644
index 0000000..11e39c2
Binary files /dev/null and b/src/assets/logo_fesa.png differ
diff --git a/src/assets/twitter.png b/src/assets/twitter.png
new file mode 100644
index 0000000..c498fac
Binary files /dev/null and b/src/assets/twitter.png differ
diff --git a/src/assets/youtube.png b/src/assets/youtube.png
new file mode 100644
index 0000000..eb01df4
Binary files /dev/null and b/src/assets/youtube.png differ
diff --git a/src/components/footer.vue b/src/components/footer.vue
index 9d70b10..481b209 100644
--- a/src/components/footer.vue
+++ b/src/components/footer.vue
@@ -9,8 +9,28 @@
       <p>
         completa y su dirección electrónica. De otra forma, requiere permiso
         previo por escrito de la institución.
-      </p>
+      </p>     
     </div>
+
+ <div id="bottom">
+            <!-- wrapper-bottom -->
+            <div class="wrapper" style="text-align:right">
+                <!-- Social -->
+                <ul class="social ">
+                    <li><a  href="https://www.facebook.com/unamacatlan"><img src= "../assets/facebook.png" title="Unete a Facebook" />
+                    </a></li>
+                    <li><a href="https://twitter.com/FES_ACATLAN"><img src= "../assets/twitter.png" title="Sigue nuestros tweets" />
+                    </a></li>																		
+                    <li><a href="http://www.youtube.com/user/UNAMAcatlan"><img src= "../assets/youtube.png" title="Ve nuestros videos" />
+                    </a></li>
+                </ul>
+                <!-- ENDS Social -->
+                <div id="to-top" class="poshytip" title="Hacia arriba"></div>
+            </div>
+            <!-- ENDS wrapper-bottom -->
+            <br>
+        </div>
+    
   </footer>
 </template>
 
@@ -19,6 +39,54 @@ export default {};
 </script>
 
 <style scoped>
+
+#bottom {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    font-size: 12px;
+    line-height: 1.5em;
+    line-height: 60px;
+    color: white;
+    background: #1B3D70;
+}
+
+.wrapper {
+    min-width: 700px;
+    width: 80%;
+    margin: 0px auto;
+    position: relative;
+}
+.social {
+    position: absolute;
+    top: 15px;
+    right: 0px;
+    display: block;
+    overflow: hidden;
+}
+
+.social li {
+    display: block;
+    width: 32px;
+    height: 32px;
+    float: left;
+    margin-right: 10px;
+    margin-bottom: 0px;
+}
+
+
+#bottom .social a {
+    display: block;
+    width: 32px;
+    height: 32px;
+    text-indent: -9000px;
+}
+
+#bottom a {
+    color: #AFEAF9;
+    text-decoration: none;
+}
+
 .boton-footer {
   background-color: rgb(187, 136, 0);
   color: white;
@@ -73,7 +141,7 @@ export default {};
   }
 
   .footer {
-    font-size: 0.7rem;
+    font-size: 0.5rem;
   }
 }
 </style>
diff --git a/src/components/header.vue b/src/components/header.vue
index 1d60737..d3c5185 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -1,63 +1,86 @@
 <template>
-  <div class="row divMaster header cl-12 azulUnam">
-   <div class="wrapper">
-         <div class="wrapperleft"> 
-          <a href="https://www.acatlan.unam.mx/" target="_blank">
-            <img src="../assets/logo_acatlan.png" class= "img-fluid" alt="logo acatlan" />
-          </a> 
-          </div>
-          <div class="wrapperright2">
-          <a href="https://www.unam.mx/" target="_blank">
-            <img src="../assets/logo_unam.png" class= "img-fluid" alt="logo unam" />
-          </a> 
-          </div>
-    </div> 
-  </div>
   
+  <div class="azulUnam">
+  <div class="row">
+    
+    
+
+    <div class="logo_unam col-5 offset-0">
+   
+      <a href="https://www.unam.mx/" target="_blank">
+        <img class="sizeImg" src="../assets/logo_unam.png" alt="logo unam" />
+      </a>
+      </div>
+
+    <div class="logo_acatlan col-5 offset-2">
+      <a href="https://www.acatlan.unam.mx/" target="_blank">
+        
+        <img
+          class="sizeImga"
+          src="../assets/logo_fesa.png"
+          alt="logo unam"
+        />
+       
+      </a>
+     </div>
+      </div>
+
+
+
+    <div
+      class="logo_acatlan_resp col-4  offset-2 d-flex justify-content-center my-2 align-items-center"
+    >
+      <a href="https://www.acatlan.unam.mx/" target="_blank">
+        <img
+          class="sizeImg"
+          src="../assets/logo_acatlan.png"
+          alt="logo unam"
+        />
+      </a>
+    </div>
+  </div>
 </template>
-<script scoped>
-export default {};
-</script>
+
 <style>
-.wrapperright2 {
-    min-width: 50px;
-    float: left;
-    height: 10px;
-    width: 48%;
-    background-size: 280px, 84px;
-    background-repeat: no-repeat;
-    padding: 13px
+
+
+.pad{
+     
+     padding: 0px;
 }
 
-.wrapperleft {
-    min-width: 20px;
-    float: right;
-    height: 10px;
-    width: 50%;
-    background-size: 100px, 69px;
-    background-repeat: no-repeat;
-    background-position-x: 50%;
-    padding: 4px
-}
-
-.wrapper {
-    min-width: 50px;
-    width: 100%;
-    margin: 0px auto;
-    position: relative;
-}
-
-
-
-
 .divMaster {
-  height: 7em;
+  height: 6em;
   margin: 0 auto;
 }
 
 .azulUnam {
   background-color: #1e3c70;
+  padding: 15px;
+}
+.sizeImg {
+  height: 4.8rem;
+   margin: auto 0;
 }
 
+.sizeImga {
+  height: 4.4rem;
+ 
+}
+.logo_acatlan_resp {
+  display: none !important;
+}
 
+@media (max-width: 450px) {
+  .logo_acatlan,
+  .logo_unam {
+    display: none !important;
+  }
+  .logo_acatlan_resp {
+    display: block !important;
+  }
+  .logo_acatlan_resp a img {
+    height: 5rem;
+  }
+}
 </style>
diff --git a/src/components/nav.vue b/src/components/nav.vue
index b936fd2..7a03d4e 100644
--- a/src/components/nav.vue
+++ b/src/components/nav.vue
@@ -1,7 +1,9 @@
 <template>
-  <div class="divMaster doradoUnam row d-flex justify-content-center">
-    <div class="col-10 offset-1">
+ <div class="divMaster doradoUnam row d-flex justify-content-center">
+    <div class="col-9 offset-3">
       <nav class="navbar navbar-expand-sm navbar-dark  ">
+       
+        
         <button
           @click="method()"
           class="navbar-toggler col-5"
@@ -14,8 +16,12 @@
         >
           <span class="navbar-toggler-icon blanco d-flex"></span>
           <!-- <span class="mx-2">Menu</span> -->
+        
+        
         </button>
 
+      
+
         <div class="collapse navbar-collapse " id="navbarTogglerDemo02">
           <ul class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0">
             <li class="nav-item">
@@ -42,8 +48,8 @@
      
       </nav>
     </div>
-  </div>
-
+ 
+ </div>
 
 </template>
 
@@ -90,18 +96,20 @@
 </script>
 
 <style scoped>
+
+
 * {
   margin: 0;
   padding: 0;
 }
 
 .divMaster {
-  /* max-width: 1280px; */
+
   height: auto;
   margin: 0 auto;
 }
 nav {
-  padding: 0.5rem 0;
+  padding: 1.5rem 0;
 }
 
 .azulUnam {
@@ -127,14 +135,14 @@ nav {
 }
 
 .nav-link:hover {
-  background-color: #1e3c70;
+  background:  linear-gradient(to right, #1e3c70, #30589e);
   color: white;
-  border-radius: 0.2rem;
+  border-radius: 3rem;
 }
 
 .nav-link {
-  transition: 0.3s;
-  font-size: 20px;
+  transition: 0.4s;
+  font-size: 22px;
 }
 
 .dropdown-item {
@@ -176,9 +184,7 @@ nav {
   left: -10rem;
   display: block;
 }
-.rescont {
-  z-index: ;
-}
+
 
 .list-group-item {
   padding: 2px 2px;
@@ -192,13 +198,17 @@ nav {
 }
 
 @media (max-width: 450px) {
-  .menuText,
-  .buscador {
+  .menuText
+   {
     display: block !important;
   }
 
   .dropdown-menu {
     width: 80vw !important;
   }
+  .nav-link {
+    font-size: 10px;
+    margin-top: 1rem;
+  }
 }
 </style>
diff --git a/src/views/announcement.vue b/src/views/announcement.vue
index 0f8d371..f96450b 100644
--- a/src/views/announcement.vue
+++ b/src/views/announcement.vue
@@ -3,10 +3,7 @@
   <Header></Header>
   <Nav></Nav>
 <div  class ="box"> 
-
-<nav  class="breadcrumb">
- 
-</nav>        
+    
     
 <div class= "container"> 
 
diff --git a/src/views/criteria.vue b/src/views/criteria.vue
index 0a8dcf0..266b6e0 100644
--- a/src/views/criteria.vue
+++ b/src/views/criteria.vue
@@ -2,12 +2,9 @@
 <div>
   <Header></Header>
   <Nav></Nav>
-<div  class ="box"> 
 
-<nav  class="breadcrumb">
  
-</nav>        
-    
+<div  class ="box"> 
 
 <div class= "container"> 
 
@@ -56,7 +53,7 @@
       <li>3. </li>
 <div class="space">
       <ul class="circle">
-           <li>  </li>
+           <li></li>
             <li> </li>
             <li> </li>
         </ul>
@@ -394,9 +391,8 @@
                         </tbody></table>
 
 </div>
-
-
 </div>
+
  <Footer></Footer>
   
 </div>
@@ -458,11 +454,11 @@ table, th, td {
 }
 
 .space {
-    margin-left: 40px;width: 20px;
+    margin-left: 0px;width: 0px;
     
 }
 .list {
-    margin-left: 50px;width: 700px;
+    margin-left: 0px;width: 0px;
     
 }
 
@@ -512,6 +508,7 @@ h1, h2, h3, h4, h5, h6 {
     padding: 1.25rem;
     text-align: justify;
     
+    
    
 }
 
@@ -530,4 +527,6 @@ text-align: justify;
     
 }
 
+
+
 </style>
diff --git a/src/views/formats.vue b/src/views/formats.vue
index 91f1051..f763afc 100644
--- a/src/views/formats.vue
+++ b/src/views/formats.vue
@@ -3,7 +3,7 @@
     <Header></Header>
     <Nav></Nav>
     <div class="box">
-      <nav class="breadcrumb"></nav>
+     
 
       <div class="container">
         <h6><b> </b></h6>
diff --git a/src/views/glossary.vue b/src/views/glossary.vue
index 184e4d5..bfc1143 100644
--- a/src/views/glossary.vue
+++ b/src/views/glossary.vue
@@ -6,9 +6,7 @@
   <meta name="viewport" content="initial-scale=1">
 <div  class ="box"> 
 
-<nav  class="breadcrumb">
- 
-</nav>        
+   
           
     
 <div class= "container"> 
diff --git a/src/views/home.vue b/src/views/home.vue
index 7ed7fda..a409aa1 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -53,7 +53,7 @@ export default {
 }
 
 .box {
-    background: #f1f1f1;
+    background: #ffffff;
     padding: 1.25rem;
     text-align: justify;