diff --git a/_includes/footer.html b/_includes/footer.html
index 4c3d839..5e66b21 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,17 +1,18 @@
 <footer class="site-footer">
 
-  <div class="wrap">
+  <div class="wrap row">
+    <div class="col-lg-4">
+        <h2 class="footer-heading">{{ site.title }}</h2>
 
-    <h2 class="footer-heading">{{ site.title }}</h2>
-
-    <div class="footer-col-1 column">
-      <ul>
-        <li>{{ site.title }}</li>
-        <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
-      </ul>
+        <div class="footer-col-1 column">
+          <ul>
+            <li>{{ site.title }}</li>
+            <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+          </ul>
+        </div>
     </div>
 
-    <div class="footer-col-2 column">
+    <div class="col-lg-4">
       <ul>
         {% if site.github_username %}<li>
           <span class="fa fa-github-alt"></span>
@@ -28,7 +29,7 @@
       </ul>
     </div>
 
-    <div class="footer-col-3 column">
+    <div class="col-lg-4">
       <p class="text">{{ site.description }}</p>
     </div>
 
diff --git a/css/main.css b/css/main.css
index 7d64948..ed3a2c9 100644
--- a/css/main.css
+++ b/css/main.css
@@ -85,32 +85,6 @@ a:visited { color: #205caa; }
   margin-bottom: 15px;
 }
 
-.site-footer .column { float: left; margin-bottom: 15px; }
-
-.footer-col-1 {
-  width: 270px; /*fallback*/
-  width: -webkit-calc(35% - 10px);
-  width: -moz-calc(35% - 10px);
-  width: -o-calc(35% - 10px);
-  width: calc(35% - 10px);
-  margin-right: 10px
-}
-.footer-col-2 {
-  width: 175px; /*fallback*/
-  width: -webkit-calc(23.125% - 10px);
-  width: -moz-calc(23.125% - 10px);
-  width: -o-calc(23.125% - 10px);
-  width: calc(23.125% - 10px);
-  margin-right: 10px
-}
-.footer-col-3 {
-  width: 335px; /*fallback*/
-  width: -webkit-calc(41.875%);
-  width: -moz-calc(41.875%);
-  width: -o-calc(41.875%);
-  width: calc(41.875%);
-}
-
 .site-footer ul { list-style: none; }
 
 .site-footer li,