diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index df36fcf..0000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/favicon_.ico b/public/favicon_.ico
new file mode 100644
index 0000000..a073b88
Binary files /dev/null and b/public/favicon_.ico differ
diff --git a/public/index.html b/public/index.html
index 3e5a139..c316d9e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,9 +3,9 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <link rel="icon" href="<%= BASE_URL %>favicon_.ico">
+    <title>Facultad de Estudios Superiores Acatlán</title>
   </head>
   <body>
     <noscript>
diff --git a/src/assets/icono.png b/src/assets/icono.png
new file mode 100644
index 0000000..e80bc64
Binary files /dev/null and b/src/assets/icono.png differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index f3d2503..0000000
Binary files a/src/assets/logo.png and /dev/null differ
diff --git a/src/components/documents.vue b/src/components/documents.vue
new file mode 100644
index 0000000..de7b9fc
--- /dev/null
+++ b/src/components/documents.vue
@@ -0,0 +1,72 @@
+<template>
+  
+</template>
+
+<script>
+export default {
+    methods: {
+  downloadItem ({ url, label }) {
+    Axios.get(url, { responseType: 'blob' })
+      .then(response => {
+        const blob = new Blob([response.data], { type: 'application/pdf' })
+        const link = document.createElement('a')
+        link.href = URL.createObjectURL(blob)
+        link.download = label
+        link.click()
+        URL.revokeObjectURL(link.href)
+      }).catch(console.error)
+  }
+}
+}
+</script>
+
+<style scoped>
+.boton-footer {
+  background-color: rgb(187, 136, 0);
+  color: white;
+  width: 14rem;
+  font-size: 0.8rem;
+}
+.uno,
+.dos,
+.tres {
+  margin-right: 1rem;
+}
+.btn {
+  margin-bottom: 1rem;
+}
+
+.Azul-puma {
+  background-color: #1e3c70;
+}
+
+.footer {
+  text-align: center;
+  color: white;
+}
+
+@media (max-width: 768px) {
+  .uno,
+  .tres {
+    margin-right: 4rem;
+  }
+  .dos {
+    margin-right: 0rem;
+  }
+  .footer {
+    font-size: 0.7rem;
+  }
+}
+
+@media (max-width: 970px) {
+  .uno,
+  .dos,
+  .tres {
+    margin-right: 0.5rem;
+  }
+
+  .footer {
+    font-size: 0.7rem;
+  }
+}
+</style>
diff --git a/src/views/formats.vue b/src/views/formats.vue
index 6ada021..5b3b8dd 100644
--- a/src/views/formats.vue
+++ b/src/views/formats.vue
@@ -11,7 +11,14 @@
 
  
      <h6><b> </b></h6>
-<p><a href="" target="_blank"></a></p>
+
+<a
+  :href="item.url"
+  v-text="item.label"
+  @click.prevent="downloadItem(item)"/> 
+
+
+<p><a href="recursos/2021/F1_inscripcion_proyecto.docx" target="_blank">F1. Inscripción de Proyecto</a></p>
 <p><a href="" target="_blank"></a></p>
 <p><a href="" target="_blank"></a></p>
 <p><a href="" target="_blank"></a></p>
@@ -31,6 +38,7 @@
 
 <script>
 
+
 import Header from "../components/header.vue";
 import Nav from "../components/nav.vue";
 import Footer from "../components/footer.vue";
