diff --git a/assets/css/partials/footer.css b/assets/css/partials/footer.css
index d05c4d3..7845648 100644
--- a/assets/css/partials/footer.css
+++ b/assets/css/partials/footer.css
@@ -32,3 +32,11 @@ footer #links {
 footer #copyright {
   font-size: 0.875rem;
 }
+
+@media only screen and (max-width: 768px) {
+  footer {
+    padding: 3rem 5rem;
+
+    row-gap: 3rem;
+  }
+}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 601a3f0..9c6e127 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -8,7 +8,7 @@
 <footer>
   <div id="footer-face">
     <img src="{{ $faceImage.Permalink }}" alt="Hazem Krimi" />
-    <h3>Hazem Krimi</h3>
+    <h4>Hazem Krimi</h4>
   </div>
   <div id="links">
     <a href="https://www.linkedin.com/in/hazemkrimi" target="_blank">