diff --git a/_includes/default_header.html b/_includes/default_header.html
index 61603ef..8e384fe 100644
--- a/_includes/default_header.html
+++ b/_includes/default_header.html
@@ -5,7 +5,7 @@ <h1>
     </h1>
     <img src="{{ "logo.svg" | image_asset | buster }}" aria-hidden="true" focuseable="false"/>
   </div>
-  <div>
+  <div id="about">
     <div>
       <h2>Sé parte_</h2>
     </div>
diff --git a/_includes/footer.html b/_includes/footer.html
index 1867740..47b5081 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,5 @@
 <footer>
-  <div>
+  <div id="contact">
     <h1>
       <a href="mailto:org@ruby.uy" target="_blank">org@ruby.uy</a>
     </h1>
diff --git a/_sass/footer.scss b/_sass/footer.scss
index 22ed45a..1a7b71d 100644
--- a/_sass/footer.scss
+++ b/_sass/footer.scss
@@ -4,6 +4,7 @@ footer {
   background-color: #F6EEEC;
   display: flex;
   justify-content: space-between;
+  align-items: center;
 
   @media (max-width: 768px) {
     padding: 2rem 1rem;
@@ -21,14 +22,15 @@ footer {
       h1 {
         font-size: 2rem;
         font-weight: bold;
-        margin-bottom: 1rem;
+        margin-bottom: 3rem;
+        text-align: center;
 
         &:hover {
           filter: drop-shadow(-0.5rem 0.5rem 0.5rem rgb(57, 126, 120));
         }
 
         @media (max-width: 768px) {
-          font-size: 1rem;
+          font-size: 1.5rem;
         }
       }