refactor the paddings for better footer alignment

css/bootstrap-expo.css

@@ -6,12 +6,11 @@
 
 body {
   font-size: 18px;
-  line-height: 1.4;
+  line-height: 1.25;
 }
 
 .bsg-content {
-  padding-top: 30px;
-  padding-bottom: 30px;
+  padding: 30px 20px;
   background-color: #f5f5f5;
 }
 
@@ -20,12 +19,10 @@ body {
   max-width: 830px;
   margin-left: auto;
   margin-right: auto;
-  padding-left: 20px;
-  padding-right: 20px;
 }
 
 .bsg-masthead {
-  padding: 20px 0;
+  padding: 20px;
   background-color: #fff;
   border-bottom: 1px solid #e5e5e5;
 }
@@ -58,22 +55,17 @@ body {
   font-weight: 500;
   color: #999;
   text-align: center;
-  overflow: hidden;
-  border-top: 1px solid #e5e5e5;
-  border-bottom: 1px solid #e5e5e5;
+  border: solid #e5e5e5;
+  border-width: 1px 0;
 }
 .bsg-pagination .paginate {
-  float: left;
   display: block;
-  width: 50%;
   padding: 20px;
   text-align: center;
   background-color: #fff;
-  border-left: 1px solid #e5e5e5;
-  border-right: 1px solid #e5e5e5;
 }
 .bsg-pagination .paginate:last-child {
-  border-left-color: #fff;
+  border-top: 1px solid #e5e5e5;
 }
 .bsg-pagination a.paginate:hover {
   color: #fff;
@@ -83,17 +75,32 @@ body {
 }
 
 .bsg-contribute {
-  padding: 20px 0;
+  padding: 20px;
   color: #999;
   border-bottom: 1px solid #e5e5e5;
 }
 .bsg-contribute p {
   margin-bottom: 0;
+  font-size: 14px;
   line-height: 30px;
 }
-@media (min-width: 360px) {
-  .bsg-contribute .github-btn {
-    float: right;
+
+
+@media (min-width: 481px) {
+  /* 50/50 pagination links */
+  .bsg-pagination {
+    overflow: hidden; /* Clearfix */
+  }
+  .bsg-pagination .paginate {
+    float: left;
+    width: 50%;
+    text-align: center;
+    border-left: 1px solid #e5e5e5;
+    border-right: 1px solid #e5e5e5;
+  }
+  .bsg-pagination .paginate:last-child {
+    border-top: 0;
+    border-left-color: #fff;
   }
 }