Header and footer styles, rework homepage

assets/linker/styles/app.less

@@ -1,25 +1,21 @@
-@footer-height: 52px;
+@import "variables.less";
+@import "main.less";
+@import "header-footer.less";
+@import "forms.less";
 
-html {
-    position: relative;
-    min-height: 100%;
-}
-body {
-    background-color: #fff;
-    margin-bottom: @footer-height;
-}
 #page {
     padding-bottom: 60px;
     section {
         background-color: transparent;
         position: relative;
         overflow: hidden;
-        padding: 40px 0;
+        padding: 40px;
         margin: 20px 0;
-        border-width: 1px 0;
+        border-width: 1px;
         border-style: solid;
         border-color: #fff;
         box-shadow: 0 0 15px #000;
+        border-radius: 4px;
 
         .step-num {
             text-align: center;
@@ -70,6 +66,7 @@ body {
         &.submit {
             border: none;
             box-shadow: none;
+            padding: 40px 0;
             .btn {
                 font-size: 6em;
             } 
@@ -85,36 +82,12 @@ body {
             top: 0;
             z-index: 1;
             background-color: #eee;
-            opacity: 0.5;
+            opacity: 0.7;
             width: 100%;
             height: 100%;
         }
     }
 }
-footer {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: @footer-height;
-    overflow: hidden;
-    .navbar {
-        border-radius: 0;
-    }
-}
-.create-run-form {
-    h1 {
-        color: #fff;
-        padding: 20px 0;
-        font-size: 3em;
-        text-shadow: 4px 4px 6px #000;
-        text-transform: uppercase;
-    }
-}
-.create-order-form {
-    textarea {
-        font-size: 1.2em;
-    }
-}
 .run-order-status {
     background-color: #fff;
     border: 1px solid #ddd;