fix(footer): Adjust footer

Signed-off-by: Joas Schilling <coding@schilljs.com>

static/css/styles.css

@@ -770,52 +770,45 @@ i[class*='icon-'] {
 }
 
 footer.page-footer {
-  background-color: #2a2a36; }
+    background-color: #0F0833;
+    color: #ffffff; }
   footer.page-footer h1 {
     margin-top: 70px;
-    font-size: 19px;
+    font-size: 15px;
     font-weight: bold;
     line-height: 1.8;
     letter-spacing: -0.9px;
-    color: #8e8e8e; }
+    color: #ffffff; }
   footer.page-footer ul {
     list-style-type: none;
     padding-left: 0; }
   footer.page-footer li {
-    font-size: 15px;
+    font-size: 13px;
     line-height: 1.8;
     color: #ffffff;
-    width: 140px;
     margin-top: 0; }
     footer.page-footer li a {
       color: #ffffff;
-      position: relative; }
-      footer.page-footer li a:before {
-        content: "";
-        position: absolute;
-        width: 100%;
-        height: 2px;
-        bottom: 0;
-        left: 0;
-        background-color: white;
-        visibility: hidden;
-        -webkit-transform: scaleX(0);
-        transform: scaleX(0);
-        -webkit-transition: all 0.2s ease-in-out 0s;
-        transition: all 0.2s ease-in-out 0s; }
+      display: block;
+      text-underline-offset: 2px;
+      margin-left: -8px;
+      padding: 8px; }
       footer.page-footer li a:hover {
         color: #ffffff;
-        text-decoration: none; }
-        footer.page-footer li a:hover:before {
-          visibility: visible;
-          -webkit-transform: scaleX(1);
-          transform: scaleX(1); }
+        text-shadow: none;
+        text-decoration: underline; }
   footer.page-footer p {
     padding-top: 50px;
     padding-bottom: 30px;
     font-size: 15px;
     line-height: 1.8;
     color: #ffffff; }
+  footer.page-footer div.offering {
+    padding: 0 50px;
+    margin-top: 120px; }
+  footer.page-footer p.copyright {
+    color: rgba(255, 255, 255, 0.5);
+    font-size: 13px; }
     @media (max-width: 768px) {
       footer.page-footer p {
         float: left;
@@ -840,7 +833,7 @@ footer.page-footer {
       font-weight: bold;
       line-height: 1.8;
       letter-spacing: -0.9px;
-      color: #8e8e8e; }
+      color: #ffffff; }
     footer.page-footer ul {
       list-style-type: none;
       padding-left: 0; }
@@ -855,6 +848,35 @@ div.thumbnail > img {
     margin-bottom: 0;
 }
 
+
+.bootstrap-container {
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: auto;
+    margin-left: auto;
+}
+@media (min-width: 768px) {
+    .bootstrap-container {
+        width: 750px;
+    }
+}
+@media (min-width: 992px) {
+    .bootstrap-container {
+        width: 970px;
+    }
+}
+@media (min-width: 1200px) {
+    .bootstrap-container {
+        width: 1170px;
+    }
+}
+
+@media (min-width: 1500px) { /* add an extra wide bootstrap container */
+    .bootstrap-container {
+        width: 1470px;
+    }
+}
+
 /*  Make YouTube videos responsive */
 @media(min-width: 995px) {
     .videoWrapper {