diff --git a/_includes/footer.liquid b/_includes/footer.liquid
index 4890c8f..7fe072c 100644
--- a/_includes/footer.liquid
+++ b/_includes/footer.liquid
@@ -1,26 +1,14 @@
 <footer>
-    <div class="max footer-container">
         <a href="#" class="logo">
             {% include "virto_logo_small.svg" %}
         </a>
-        <div class="nav-container">
-            <nav>
-                <ul class="nav-links bolder">
-                    <li><a href="">Sobre Virto</a></li>
-                    <li><a href="#">Comunidades locales</a></li>
-                    <li><a href="#">Para desarrolladores</a></li>
-                    <li><a href="#">Blog</a></li>
-                    <li><a href="#">Contacto</a></li>
-                </ul>
-            </nav>
-        </div>
         <nav>
-            <ul class="secondary-links thin">
-                <li><a href="#">© 2023 Virto</a></li>
-                <li><a href="#">Legal</a></li>
-                <li><a href="#">Privacidad</a></li>
-                <li><a href="#">Cookies</a></li>
+            <ul class="nav-links bolder">
+                <li><a href="">Sobre Virto</a></li>
+                <li><a href="#">Comunidades locales</a></li>
+                <li><a href="#">Para desarrolladores</a></li>
+                <li><a href="#">Blog</a></li>
+                <li><a href="#">Contacto</a></li>
             </ul>
         </nav>
-    </div>
 </footer>
diff --git a/_includes/nav.liquid b/_includes/nav.liquid
index ae0bf64..c0faac2 100644
--- a/_includes/nav.liquid
+++ b/_includes/nav.liquid
@@ -1,6 +1,6 @@
 <nav class="{{ class }} top-nav">
 	<div class="max row bold">
-		<a href="/#home" class="logo">
+		<a href="/#home" id="virto-logo">
 			{% include "virto_logo.svg" %}
 		</a>
 		<a {% if active == "about" %}class="active"{% endif %} href="/about/">
diff --git a/_includes/virto_logo.svg b/_includes/virto_logo.svg
index 0957516..9a1abe9 100644
--- a/_includes/virto_logo.svg
+++ b/_includes/virto_logo.svg
@@ -1,7 +1,5 @@
 <svg width="1028" height="230" viewBox="0 0 1028 230" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_52_10)">
-<path d="M979.179 5.29H970.658V0H994.838V5.29H986.318V26.45H979.179V5.29Z" fill="#10352B"/>
-<path d="M997.832 0H1005.89L1013.03 16.79L1020.17 0H1028V26.45H1021.78V11.96C1021.78 11.27 1022.01 9.2 1022.01 9.2L1021.09 11.96L1015.1 26.45H1010.96L1004.97 11.96C1004.74 11.27 1004.05 9.43 1004.05 9.2C1004.05 9.43 1004.28 11.5 1004.28 11.96V26.45H998.062L997.832 0Z" fill="#10352B"/>
 <path d="M248.94 0H295.688C297.53 0 298.912 1.38 298.912 3.22V225.86C298.912 227.7 297.53 229.08 295.688 229.08H248.94C247.098 229.08 245.716 227.7 245.716 225.86V3.22C245.716 1.38 247.098 0 248.94 0Z" fill="#10352B"/>
 <path d="M598.515 46.23H550.846C549.003 46.23 547.622 44.85 547.622 43.01V3.22C547.622 1.38 549.003 0 550.846 0H699.381C701.223 0 702.605 1.38 702.605 3.22V43.01C702.605 44.85 701.223 46.23 699.381 46.23H651.941V225.86C651.941 227.7 650.56 229.08 648.717 229.08H601.739C599.897 229.08 598.515 227.7 598.515 225.86V46.23Z" fill="#10352B"/>
 <path d="M907.79 114.54L873.017 174.8H800.016L765.243 114.54L800.016 54.28H873.017L907.79 114.54ZM891.21 0H782.054C773.763 0 766.164 4.37 762.019 11.5L709.053 103.04C704.908 110.17 704.908 118.91 709.053 126.04L762.019 217.58C766.164 224.71 773.763 229.08 782.054 229.08H891.21C899.5 229.08 907.099 224.71 911.245 217.58L964.21 126.04C968.356 118.91 968.356 110.17 964.21 103.04L911.245 11.5C907.099 4.37 899.5 0 891.21 0Z" fill="#10352B"/>
diff --git a/_includes/virto_logo_small.svg b/_includes/virto_logo_small.svg
index 935310b..0999813 100644
--- a/_includes/virto_logo_small.svg
+++ b/_includes/virto_logo_small.svg
@@ -1,7 +1,5 @@
 <svg width="341" height="244" viewBox="0 0 341 244" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_52_2)">
-<path d="M289.289 5.612H280.264V0H305.875V5.612H296.85V28.06H289.289V5.612Z" fill="#DECFF1"/>
-<path d="M308.802 0H317.339L324.901 17.812L332.462 0H340.756V28.06H334.17V12.688C334.17 11.956 334.414 9.76 334.414 9.76L333.438 12.688L327.096 28.06H322.706L316.364 12.688C316.12 11.956 315.388 10.004 315.388 9.76C315.388 10.004 315.632 12.2 315.632 12.688V28.06H309.046L308.802 0Z" fill="#DECFF1"/>
 <path d="M213.674 121.512L176.842 185.196H99.5192L62.6873 121.512L99.5192 57.584H176.842L213.674 121.512ZM196.111 0H80.4934C71.7123 0 63.663 4.636 59.2724 12.2L3.17085 109.312C-1.21971 116.876 -1.21971 126.148 3.17085 133.712L59.2724 230.824C63.663 238.388 71.7123 243.024 80.4934 243.024H196.111C204.893 243.024 212.942 238.388 217.333 230.824L273.434 133.712C277.825 126.148 277.825 116.876 273.434 109.312L217.089 12.2C212.698 4.636 204.649 0 196.111 0Z" fill="#DECFF1"/>
 </g>
 <defs>
diff --git a/css/index.css b/css/index.css
index d8142aa..3c080fa 100644
--- a/css/index.css
+++ b/css/index.css
@@ -25,17 +25,6 @@ figure.logo svg {
     height: fit-content;
 }
 
-/*Text styles (colors, fonts, links, arrows) */
-.regular-font {
-    line-height: 35px;
-}
-
-.medium-paragraph {
-    line-height: 50px;
-    text-align: center;
-    letter-spacing: 1px;
-}
-
 .arrow {
     width: clamp(2em, 3vw, 4em);
     height: auto;
@@ -72,7 +61,7 @@ figure.logo svg {
 .light-green-text { color: var(--clr-green-lighter); }
 .light-lavender-text { color: var(--clr-lavender-lighter); }
 
-a, button, .regular-font, .subtitle, .medium-paragraph {
+a, button, p, .subtitle {
     font-family:  var(--font-secondary);
 }
 
@@ -97,7 +86,7 @@ a, button, .regular-font, .subtitle, .medium-paragraph {
 #home figure.logo { align-items: start; }
 
 @media (max-width: 1200px) {
-    #home .text-section, #presentacion>article> *, .max.footer-container {
+    #home .text-section, #presentacion>article> *, footer {
         text-align: center;
         align-items: center;
         justify-content: center;
@@ -132,22 +121,23 @@ a, button, .regular-font, .subtitle, .medium-paragraph {
     flex-wrap: wrap;
 }
 
-#presentacion > article > article.text-section {
+#presentacion > article > article.text-section, #presentacion figure.logo {
     margin-top: 2em;
 }
 
 /*Not sure about the name of this class*/
-.column { display: flex; gap: 2em; flex-direction: column;}
+.column { display: flex; flex-direction: column;}
 .link-arrow.color { color: var(--clr-green-lighter); }
 
 /*Not a programmer*/
-#not-programmer h2 { text-align: center;}
+#not-programmer h2 { text-align: center; max-width: 700px;}
 #not-programmer { justify-content: center; }
-#not-programmer>article { 
+#not-programmer, #not-programmer>article { 
     align-items: center; 
-    flex-direction: column; 
-    gap: 5rem;
+    flex-direction: column;
 }
+#not-programmer>article { gap: 5rem; }
+#not-programmer>article.max { margin-top: 5rem; max-width: 800px; }
 #not-programmer button { background-color: var(--clr-lavender-lighter);}
 
 /*Here you can*/
@@ -156,7 +146,7 @@ a, button, .regular-font, .subtitle, .medium-paragraph {
     align-items: center;
     display: grid;
     grid-template-columns: auto 1fr auto;
-    gap: 4em;
+    row-gap: 4em;
 }
 
 #here-you-can > h3.dark-olive-text, #here-you-can > .auto-grid {
@@ -189,8 +179,8 @@ a.center-arrow.dark-olive-text.boldest {
 /*Local community*/
 #local-community { background-color: var(--clr-whitest); display: grid; gap: 1rem; }
 
-#local-community > article > article {
-    gap: clamp(2em, 10vw, 5em);
+#local-community > article > article { 
+    gap: clamp(20em, 10vw, 50em);
 }
 
 .logo.build-machine svg {
@@ -199,13 +189,13 @@ a.center-arrow.dark-olive-text.boldest {
 
 @media (min-width: 1200px) {
     .build-machine::after {
-      content: url('../img/arrow_left.svg');
-      display: inline-block;
-    position: relative;
-    bottom: 35vh;
-    left: 7vw;
-    width: 10vw;
-    height: auto;
+        content: url('../img/arrow_left.svg');
+        display: inline-block;
+        position: relative;
+        bottom: 35vh;
+        left: 7vw;
+        width: 10vw;
+        height: auto;
     }
   }
 
@@ -232,7 +222,6 @@ a.center-arrow.dark-olive-text.boldest {
 #you-decide h2 {
     text-align: center;
     font-size: clamp(2.5rem, 5vw, 5.75rem);
-    line-height: 1;
 }
 
 #you-decide h3 { text-align: center;}
@@ -242,15 +231,14 @@ a.center-arrow.dark-olive-text.boldest {
 }
 
 #you-decide button { background-color: var(--clr-green-darker); margin: -3rem 0 3rem 0; }
-#you-decide>article.max {
+#you-decide>ul.max {
     align-items: center;
 	display: flex;
-    gap: 7rem;
-	flex-wrap: wrap;
+    gap: clamp(.5rem, 6vw, 3rem);;
 	justify-content: center;
 }
 
-#you-decide>article.max a {
+#you-decide>ul.max a {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -259,7 +247,7 @@ a.center-arrow.dark-olive-text.boldest {
     gap: 2em;
 }
 
-#you-decide>article svg {
+#you-decide>ul svg {
     fill: var(--clr-olive-darker);
     height: 4rem; width: 4rem;
 }
@@ -275,7 +263,7 @@ a.center-arrow.dark-olive-text.boldest {
 /*Media queries*/
 @media screen and (max-width:1200px) {
     figure { display: flex; } 
-    section>article, .max.footer-container { flex-direction: column; }
+    section>article { flex-direction: column; }
     #local-community .max {
         align-items: start;
         gap: 2rem;
diff --git a/css/layout.css b/css/layout.css
index cfefbb9..d7bc708 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -4,8 +4,11 @@ body { background: var(--clr-olive-darker); font-family:  var(--font-primary); c
 h1, h2, h3, h4, h5, h6, p {
 	margin: 0;
 	padding: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
 	line-height: calc(1em + 0.5vh);
-  }
+}
 
 h1, h2 {
 	font-size: var(--font-size-title-page);
@@ -13,6 +16,7 @@ h1, h2 {
   
 p, a {
 	font-size: var(--font-size-paragraph);
+	line-height: clamp(1.5, 3vw, 1.6);
 }
 
 h3, h4 {
@@ -27,7 +31,7 @@ button {
 .sticky-hack { border: none; display: block; height: 1px; margin: 0; width: 100%; }
 
 /** Top navigation**/
-nav { height: var(--nav-height); padding: 2.5rem 4rem; }
+nav { height: var(--nav-height); }
 nav .row {
 	align-items: center;
 	box-sizing: border-box;
@@ -48,17 +52,19 @@ nav a {
 nav a.active { font-weight: 700; }
 nav a.active svg path { stroke-width: 3; }
 
-nav a.logo {
+.top-nav { padding: 2.5rem 4rem; }
+
+#virto-logo {
 	margin-right: auto;
-	margin-left: 1rem;
+	display: flex;
 	height: calc(var(--nav-height) - 1rem);
-	width: calc(var(--nav-height) - 1.4rem);
-}
-nav a.logo svg {
-	height: 100%;
 	width: auto;
+}
+#virto-logo svg {
 	align-self: start;
 	fill: var(--clr-olive-darker);
+	width: auto;
+    height: 60%;
 }
 
 nav a:not(.logo) {
@@ -89,79 +95,79 @@ nav a:not(.logo) svg {
 
 @media screen and (min-width:600px) {
 	nav svg { display: initial; margin-right: 0.5rem; }
-	nav a.logo { width: initial; height: calc(var(--nav-height) - 3rem); }
 	nav a.logo svg #letters { display: initial; }
+	nav a.logo { width: initial; height: calc(var(--nav-height) - 3rem); }
 }
-@media print { nav { display: none; } }
 
 @media screen and (max-width:1300px) {
-    .top-nav a:not(.logo):not(.menu-icon) {
+    .top-nav a:not(.menu-icon) {
         display: none;
     }
 }
+
 @media screen and (min-width:1300px) {
     nav a.menu-icon {
         display: none;
     }
 }
 
-/**
- * Footer links
- */
- footer {
-    display: block;
-}
-
-.max.footer-container {
+/** Footer **/
+footer {
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: space-between;
     flex-wrap: wrap;
+	margin: 3rem;
+	gap: 3rem;
 }
 
-.max.footer-container > .nav-container {
+footer > nav {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    width: calc(100% - 6vw - 10rem); /* El ancho restante después de restar el ancho del logo y el margen */
+    width: calc(100% - 6vw - 10rem);
 }
 
-footer .max {
-    align-items: center;
-    display: flex;
-    justify-content: space-evenly;
-    width: 100%;
+footer .nav-links {
+	text-align: center;
+	max-width: 800px;
 }
 
-.nav-links, .secondary-links {
+.nav-links {
     display: flex;
     gap: 3.5rem;
     flex-direction: row;
     align-items: center;
     list-style: none;
-    width: 90%;
-}
-
-.nav-links {
+    width: 100%;
 	flex-wrap: wrap;
 	row-gap: 1rem;
-	padding: 1rem 0 0 3rem;
+}
+
+.nav-links li {
+    align-self: flex-start;
+    margin-bottom: 1rem;
 }
 
  /*Logo's margin and size*/
-.max.footer-container > a.logo svg {
+footer > a.logo svg {
     width: 6vw; 
     height: auto;
-	margin: 4rem;
 }
 
 /*Font color and family font footer*/
-footer .footer-container nav a {
+footer nav a {
 	color: var(--clr-lavender-lightest);
 	font-family: var(--font-secondary);
 }
 
-ul.secondary-links> * { margin: 8rem 0 5rem -2rem;}
+@media screen and (max-width:700px) {
+	.nav-links {
+		justify-content: center;
+		margin: 0 auto;
+	}
+	footer { flex-direction: column; }
+}
 
-@media print { footer { display: none; } }
\ No newline at end of file
+@media print { footer, nav { display: none; } }
\ No newline at end of file
diff --git a/index.liquid b/index.liquid
index 3f6e43d..d518a0a 100644
--- a/index.liquid
+++ b/index.liquid
@@ -8,87 +8,89 @@ layout: index.liquid
 
 <section id="home">
 	<article class="max">
-		<article class="text-section dark-olive-text">
-			<p class="regular-font regular">¡Bienvenido a Virto!</p>
-			<h1 class="bold">Aquí podrás<br> construir y comerciar<br> con comunidades <span>en<br> todo el mundo.</span></h1>
-			<p class="regular-font regular">Sigue con nosotros y descubre cómo hacerlo.</p>
+		<div class="text-section dark-olive-text">
+			<p class="regular">¡Bienvenido a Virto!</p>
+			<h1 class="bold">Aquí podrás construir y comerciar con comunidades <span>en todo el mundo.</span></h1>
+			<p class="regular">Sigue con nosotros y descubre cómo hacerlo.</p>
 			<button class="regular">Aprender cómo</button>
-		</article>
+		</div>
 		<figure class="logo image">
-		{% include "Ilustraciones_1_Slider 1.svg" %}
+			{% include "Ilustraciones_1_Slider 1.svg" %}
 		</figure>
 	 </article>
 </section>
 
 <section id="presentacion">
 	<article class="max">
-	<article class="column">
-	<h2 class="bold light-green-text">Te presentamos<br>
-	<span class="light-lavender-text">Virto®</span>
-	</h2>
-	<figure class="logo">
-		{% include "presentamos_virto.svg" %}
-		</figure>
-		</article>
-		<article class="text-section">
-		<h3 class="subtitle regular light-green-text">Una infraestructura descentralizada
-basada en el ecosistema <strong>Polkadot.</strong></h3>
-		<p class="regular-font light-green-text regular">Te ofrecemos herramientas para integrar la tecnología
-blockchain a tu negocio, mejorando la eficiencia operativa,
-reduciendo costos y brindándote más beneficios.</p>
-		<a class="bold light-green-text center-arrow">Conoce las herramientas
-			<figure class="link-arrow color">{% include "see_more.svg" %}</figure>
-		</a>
-		</article>
+		<div class="column">
+			<h2 class="bold light-green-text">Te presentamos</h2>
+			<h2 class="bold"><span class="light-lavender-text">Virto®</span></h2>
+			<figure class="logo">
+				{% include "presentamos_virto.svg" %}
+			</figure>
+		</div>
+		<div class="text-section">
+			<h3 class="subtitle regular light-green-text">Una infraestructura descentralizada basada en el ecosistema <strong>Polkadot.</strong></h3>
+			<p class="light-green-text regular">Te ofrecemos herramientas para integrar la tecnología blockchain a tu negocio, mejorando la eficiencia operativa, reduciendo costos y brindándote más beneficios.</p>
+			<a class="bold light-green-text center-arrow">Conoce las herramientas
+				<figure class="link-arrow color">
+					{% include "see_more.svg" %}
+				</figure>
+			</a>
+		</div>
 	</article>
 </section>
 
 <section id="not-programmer">
+	<h2 class="bold light-green-text">¿No eres programador?</h2>
+	<h2 class="bold"><span class="light-lavender-text">¡No hay problema!</span></h2>
 	<article class="max">
-	<h2 class="bold light-green-text">¿No eres programador?<br>
-	<span class="light-lavender-text">¡No hay problema!</span></h2>
-	<h3 class="subtitle regular light-green-text center">Con Virto® no necesitas ser un experto en tecnología<br> para disfrutar de los beneficios de nuestra<br> infraestructura.</h3>
-	<button>Aprender cómo</button>
-	<figure class="arrow">
-		{% include "arrow_down.svg" %}
-	</figure>
+		<h3 class="subtitle regular light-green-text center">Con Virto® no necesitas ser un experto en tecnología para disfrutar de los beneficios de nuestra infraestructura.</h3>
+		<button>Aprender cómo</button>
+		<figure class="arrow">
+			{% include "arrow_down.svg" %}
+		</figure>
 	</article>
 </section>
 
 <section id="here-you-can">
-<h3 class="subtitle boldest dark-olive-text">Aquí podrás</h3>
+	<h3 class="subtitle boldest dark-olive-text">Aquí podrás</h3>
 	<ul class="auto-grid max">
 		<li>
-		<img src="img/build.svg" alt="Define when content is decided"/>
-		<h3 class="subtitle bolder dark-olive-text">¿Por qué Virto?</h3>
-		<p class="regular-font grey-text regular">Podrás tener voz y voto. Además podrás beneficiarte de ellos.</p>
-		<a class="bold dark-olive-text center-arrow" href="#">
-			Ver más
-			<figure class="link-arrow">{% include "see_more.svg" %}</figure>
-		</a>
+			<img src="img/build.svg" alt="Define when content is decided"/>
+			<h3 class="subtitle bolder dark-olive-text">¿Por qué Virto?</h3>
+			<p class="grey-text regular">Podrás tener voz y voto. Además podrás beneficiarte de ellos.</p>
+			<a class="bold dark-olive-text center-arrow" href="#">
+				Ver más
+				<figure class="link-arrow">{% include "see_more.svg" %}</figure>
+			</a>
 		</li>
 		<li>
-		<img src="img/window.svg" alt="Define when content is decided"/>
-		<h3 class="subtitle bolder dark-olive-text">Partners</h3>
-		<p class="regular-font grey-text regular">Podrás tener voz y voto. Además podrás beneficiarte de ellos.</p>
-		<a class="bold dark-olive-text center-arrow" href="#">
-			Ver más
-			<figure class="link-arrow">{% include "see_more.svg" %}</figure>
-		</a>
+			<img src="img/window.svg" alt="Define when content is decided"/>
+			<h3 class="subtitle bolder dark-olive-text">Partners</h3>
+			<p class="grey-text regular">Podrás tener voz y voto. Además podrás beneficiarte de ellos.</p>
+			<a class="bold dark-olive-text center-arrow" href="#">
+				Ver más
+				<figure class="link-arrow">{% include "see_more.svg" %}</figure>
+			</a>
 		</li>
 		<li>
-		<img src="img/group.svg" alt="Define when content is decided"/>		
-		<h3 class="subtitle bolder dark-olive-text">Unirte a comunidades locales</h3>
-		<p class="regular-font grey-text regular">Podrás tener voz y voto. Además podrás beneficiarte de ellos.</p>
-		<a class="bold dark-olive-text center-arrow" href="#">
-			Ver más
-			<figure class="link-arrow">{% include "see_more.svg" %}</figure>
-		</a>
+			<img src="img/group.svg" alt="Define when content is decided"/>		
+			<h3 class="subtitle bolder dark-olive-text">Unirte a comunidades locales</h3>
+			<p class="grey-text regular">Podrás tener voz y voto. Además podrás beneficiarte de ellos.</p>
+			<a class="bold dark-olive-text center-arrow" href="#">
+				Ver más
+				<figure class="link-arrow">{% include "see_more.svg" %}</figure>
+			</a>
 		</li>
 	</ul>
-		<h3 class="dark-olive-text right"><a class="center-arrow dark-olive-text boldest" href="#">¿Listo para empezar?
-		<figure class="link-arrow">{% include "ready_to_start.svg" %}</figure>
-		</a></h3>
+		<h3 class="dark-olive-text right">
+			<a class="center-arrow dark-olive-text boldest" href="#">¿Listo para empezar?
+				<figure class="link-arrow">
+					{% include "ready_to_start.svg" %}
+				</figure>
+			</a>
+		</h3>
 </section>
 
 <section id="local-community">
@@ -97,13 +99,13 @@ reduciendo costos y brindándote más beneficios.</p>
 			<figure class="img-container logo build-machine">
 				{% include "build_machine.svg" %}
 			</figure>
-		<article class="text-section">
+		<div class="text-section">
 			<h3 class="dark-olive-text regular">En Virto®, te lo facilitamos.</h3>
-			<p class="regular-font grey-text regular">Por cada transacción que realizas en nuestro ecosistema, un porcentaje se destina para un fondo común que beneficia a la comunidad a la cual perteneces.</p>
+			<p class="grey-text regular">Por cada transacción que realizas en nuestro ecosistema, un porcentaje se destina para un fondo común que beneficia a la comunidad a la cual perteneces.</p>
 			<a class="bold dark-olive-text center-arrow">Ver más
 			<figure class="link-arrow">{% include "see_more.svg" %}</figure>
 			</a>
-		</article>
+		</div>
 	</article>
 </section>
 
@@ -115,7 +117,7 @@ reduciendo costos y brindándote más beneficios.</p>
 	</h2>
 	<button>Aprender cómo</button>
 	{% assign matrix_to = "#virto-network:virto.community?via=virto.community" %}
-	<article class="max">
+	<ul class="max">
 		<a title="E-mail" href="mailto:contact@virto.team" class="dark-olive-text thin">
 			{% include "email.svg" %}
 			<span>Good Ol' E-mail</span>
@@ -128,7 +130,7 @@ reduciendo costos y brindándote más beneficios.</p>
 			{% include "gh.svg" %}
 			<span>Follow our Github</span>
 		</a>
-	</article>
+	</ul>
 </section>
 
 <script>