redesign landing & fix footer

app/assets/stylesheets/application.scss

@@ -26,9 +26,11 @@
 $background-color: #F5F7FB;
 $error-background-color: #EFE6E6;
 
+$header-height: 65px;
 $footer-height: 65px;
 
 html, body {
+  position: relative;
   width: 100%;
   height: 100%;
   background-color: white;
@@ -39,17 +41,19 @@ a {
   cursor: pointer;
 }
 
-.wrapper {
-  height: calc(100% - #{$footer-height});
+.header {
+  height: $header-height;
+}
+
+.page {
   position: relative;
+  height: auto;
+  min-height: calc(100% - #{$header-height} - #{$footer-height});
 }
 
 .footer {
-  position: fixed;
   height: $footer-height;
   width: 100%;
-  bottom: 0;
-  z-index: 5;
 }
 
 .table-responsive {

app/assets/stylesheets/main.scss

@@ -29,3 +29,20 @@
     }
   }
 }
+
+.img-cycle img {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.img-cycle img:first-child {
+  display:block;
+}
+
+.green-grad {
+  background: linear-gradient(to right, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}