diff --git a/src/blocks/footer/dark/a.js b/src/blocks/footer/dark/a.js
index 5e9ca47..f5a7054 100644
--- a/src/blocks/footer/dark/a.js
+++ b/src/blocks/footer/dark/a.js
@@ -3,7 +3,7 @@ import PropTypes from  "prop-types";
 
 function DarkFooterA(props) {
   return (
-    <footer className="text-gray-400 bg-gray-900 body-font">
+    <footer className="text-gray-400 md:fixed md:bottom-14 md:left-0 md:w-screen bg-gray-900 body-font">
       <div className="container px-5 py-24 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
         <div className="w-64 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left">
           <a href className="flex title-font font-medium items-center md:justify-start justify-center text-white">
diff --git a/src/blocks/footer/dark/b.js b/src/blocks/footer/dark/b.js
index b56f1bc..c42da74 100644
--- a/src/blocks/footer/dark/b.js
+++ b/src/blocks/footer/dark/b.js
@@ -4,7 +4,7 @@ import PropTypes from  "prop-types";
 
 function DarkFooterB(props) {
   return (
-    <footer className="text-gray-400 bg-gray-900 body-font">
+    <footer className="text-gray-400 md:fixed md:bottom-14 md:left-0 md:w-screen bg-gray-900 body-font">
       <div className="container px-5 py-24 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
         <div className="w-64 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left md:mt-0 mt-10">
           <a href className="flex title-font font-medium items-center md:justify-start justify-center text-white">
diff --git a/src/blocks/footer/dark/c.js b/src/blocks/footer/dark/c.js
index b35bfc0..f99974c 100644
--- a/src/blocks/footer/dark/c.js
+++ b/src/blocks/footer/dark/c.js
@@ -3,7 +3,7 @@ import PropTypes from  "prop-types";
 
 function DarkFooterC(props) {
   return (
-    <footer className="text-gray-400 bg-gray-900 body-font">
+    <footer className="text-gray-400 bg-gray-900 md:fixed md:bottom-14 md:left-0 md:w-screen body-font">
       <div className="container px-5 py-24 mx-auto">
         <div className="flex flex-wrap md:text-left text-center -mb-10 -mx-4">
           <div className="lg:w-1/6 md:w-1/2 w-full px-4">
diff --git a/src/blocks/footer/dark/d.js b/src/blocks/footer/dark/d.js
index a30e01b..baf2c95 100644
--- a/src/blocks/footer/dark/d.js
+++ b/src/blocks/footer/dark/d.js
@@ -3,7 +3,7 @@ import PropTypes from  "prop-types";
 
 function DarkFooterD(props) {
   return (
-    <footer className="text-gray-400 bg-gray-900 body-font">
+    <footer className="text-gray-400 bg-gray-900 md:fixed md:bottom-14 md:left-0 md:w-screen body-font">
       <div className="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
         <a href className="flex title-font font-medium items-center md:justify-start justify-center text-white">
           <svg
diff --git a/src/blocks/footer/dark/e.js b/src/blocks/footer/dark/e.js
index a675f33..3c6ce38 100644
--- a/src/blocks/footer/dark/e.js
+++ b/src/blocks/footer/dark/e.js
@@ -3,7 +3,7 @@ import PropTypes from  "prop-types";
 
 function DarkFooterE(props) {
   return (
-    <footer className="text-gray-400 bg-gray-900 body-font">
+    <footer className="text-gray-400 bg-gray-900 md:fixed md:bottom-14 md:left-0 md:w-screen body-font">
       <div className="container px-5 py-24 mx-auto">
         <div className="flex flex-wrap md:text-left text-center order-first">
           <div className="lg:w-1/4 md:w-1/2 w-full px-4">
diff --git a/src/blocks/footer/light/a.js b/src/blocks/footer/light/a.js
index fe68c0a..317de20 100644
--- a/src/blocks/footer/light/a.js
+++ b/src/blocks/footer/light/a.js
@@ -3,7 +3,7 @@ import PropTypes from  "prop-types";
 
 function LightFooterA(props) {
   return (
-    <footer className="text-gray-600 body-font">
+    <footer className="text-gray-600 md:fixed md:bottom-14 md:left-0 md:w-screen body-font">
       <div className="container px-5 py-24 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
         <div className="w-64 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left">
           <a href className="flex title-font font-medium items-center md:justify-start justify-center text-gray-900">
diff --git a/src/blocks/footer/light/b.js b/src/blocks/footer/light/b.js
index 35d5b4c..a9c9d03 100644
--- a/src/blocks/footer/light/b.js
+++ b/src/blocks/footer/light/b.js
@@ -3,7 +3,7 @@ import PropTypes from  "prop-types";
 
 function LightFooterB(props) {
   return (
-    <footer className="text-gray-600 body-font">
+    <footer className="text-gray-600 md:fixed md:bottom-14 md:left-0 md:w-screen body-font">
       <div className="container px-5 py-24 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
         <div className="w-64 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left md:mt-0 mt-10">
           <a href className="flex title-font font-medium items-center md:justify-start justify-center text-gray-900">
diff --git a/src/blocks/footer/light/c.js b/src/blocks/footer/light/c.js
index 6c22b07..271ccc5 100644
--- a/src/blocks/footer/light/c.js
+++ b/src/blocks/footer/light/c.js
@@ -3,7 +3,7 @@ import PropTypes from  "prop-types";
 
 function LightFooterC(props) {
   return (
-    <footer className="text-gray-600 body-font">
+    <footer className="text-gray-600 md:fixed md:bottom-14 md:left-0 md:w-screen body-font">
       <div className="container px-5 py-24 mx-auto">
         <div className="flex flex-wrap md:text-left text-center -mb-10 -mx-4">
           <div className="lg:w-1/6 md:w-1/2 w-full px-4">
diff --git a/src/blocks/footer/light/d.js b/src/blocks/footer/light/d.js
index 3e6f9aa..c0dcea2 100644
--- a/src/blocks/footer/light/d.js
+++ b/src/blocks/footer/light/d.js
@@ -3,7 +3,7 @@ import PropTypes from  "prop-types";
 
 function LightFooterD(props) {
   return (
-    <footer className="text-gray-600 body-font">
+    <footer className="text-gray-600 md:fixed md:bottom-14 md:left-0 md:w-screen body-font">
       <div className="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
         <a href className="flex title-font font-medium items-center md:justify-start justify-center text-gray-900">
           <svg
diff --git a/src/blocks/footer/light/e.js b/src/blocks/footer/light/e.js
index 51d515d..000329a 100644
--- a/src/blocks/footer/light/e.js
+++ b/src/blocks/footer/light/e.js
@@ -3,7 +3,7 @@ import PropTypes from  "prop-types";
 
 function LightFooterE(props) {
   return (
-    <footer className="text-gray-600 body-font">
+    <footer className="text-gray-600 md:fixed md:bottom-14 md:left-0 md:w-screen body-font">
       <div className="container px-5 py-24 mx-auto">
         <div className="flex flex-wrap md:text-left text-center order-first">
           <div className="lg:w-1/4 md:w-1/2 w-full px-4">