From afa726c5fb9c86fc60beffee2a64e019b362e409 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Sat, 6 May 2017 11:13:33 +0100
Subject: [PATCH] Fix scss lint warnings

---
 static/src/scss/alpha.scss | 1774 ++++++++++++++++++------------------
 1 file changed, 862 insertions(+), 912 deletions(-)

diff --git a/static/src/scss/alpha.scss b/static/src/scss/alpha.scss
index 47a67b4..a225a60 100644
--- a/static/src/scss/alpha.scss
+++ b/static/src/scss/alpha.scss
@@ -55,63 +55,63 @@ p {
 }
 
 h1, h2, h3, h4, h5, h6 {
+  margin: 0 0 0.5em 0;
+  line-height: 1em;
   color: #646464;
   font-weight: 300;
-  line-height: 1em;
-  margin: 0 0 0.5em 0;
 
   & a {
-    color: inherit;
     text-decoration: none;
+    color: inherit;
   }
 }
 
 h2 {
-  font-size: 2.25em;
   line-height: 1.5em;
   letter-spacing: -0.035em;
+  font-size: 2.25em;
 }
 
 h3 {
-  font-size: 1.75em;
   line-height: 1.5em;
   letter-spacing: -0.025em;
+  font-size: 1.75em;
 }
 
 h4 {
-  font-size: 1.1em;
   line-height: 1.5em;
   letter-spacing: 0;
+  font-size: 1.1em;
 }
 
 h5 {
-  font-size: 0.9em;
   line-height: 1.5em;
   letter-spacing: 0;
+  font-size: 0.9em;
 }
 
 h6 {
-  font-size: 0.7em;
   line-height: 1.5em;
   letter-spacing: 0;
+  font-size: 0.7em;
 }
 
 sub {
-  font-size: 0.8em;
   position: relative;
   top: 0.5em;
+  font-size: 0.8em;
 }
 
 sup {
-  font-size: 0.8em;
   position: relative;
   top: -0.5em;
+  font-size: 0.8em;
 }
 
 hr {
-  border: 0;
-  border-bottom: solid 2px #e5e5e5;
   margin: 2em 0;
+  border: 0;
+  border-bottom: solid 2px #E5E5E5;
 
   &.major {
     margin: 3em 0;
@@ -119,33 +119,32 @@ hr {
 }
 
 blockquote {
-  border-left: solid 4px #e5e5e5;
-  font-style: italic;
-  margin: 0 0 2em 0;
+  margin: 0 0 2em;
+  border-left: solid 4px #E5E5E5;
   padding: 0.5em 0 0.5em 2em;
+  font-style: italic;
 }
 
 pre {
-  -webkit-overflow-scrolling: touch;
-  background: #f8f8f8;
+  margin: 0 0 2em 0;
+  border: solid 1px #E5E5E5;
   border-radius: 6px;
-  border: solid 1px #e5e5e5;
+  background: #F8F8F8;
+  padding: 1em 1.5em;
+  line-height: 1.75em;
   font-family: monospace;
   font-size: 0.9em;
-  line-height: 1.75em;
-  margin: 0 0 2em 0;
   overflow-x: auto;
-  padding: 1em 1.5em;
 }
 
 code {
-  background: #f8f8f8;
+  margin: 0 0.25em;
+  border: solid 1px #E5E5E5;
   border-radius: 6px;
-  border: solid 1px #e5e5e5;
+  background: #F8F8F8;
+  padding: 0.25em 0.65em;
   font-family: monospace;
   font-size: 0.9em;
-  margin: 0 0.25em;
-  padding: 0.25em 0.65em;
 }
 
 .align-left {
@@ -166,30 +165,30 @@ section.special, article.special {
 }
 
 header p {
-  color: #999;
   position: relative;
   margin: 0 0 1.5em 0;
+  color: #999;
   font-style: italic;
 }
 
 header h2 + p {
-  font-size: 1.25em;
   margin-top: -1em;
   line-height: 1.5em;
+  font-size: 1.25em;
 }
 
 header h3 + p {
-  font-size: 1.1em;
   margin-top: -0.85em;
   line-height: 1.5em;
+  font-size: 1.1em;
 }
 
 header h4 + p,
 header h5 + p,
 header h6 + p {
-  font-size: 0.8em;
   margin-top: -0.5em;
   line-height: 1.5em;
+  font-size: 0.8em;
 }
 
 header.major {
@@ -202,10 +201,10 @@ header.major {
 
   p {
     display: inline-block;
-    border-top: solid 2px #e5e5e5;
+    margin: 1.5em 0 0;
+    border-top: solid 2px #E5E5E5;
+    padding: 1.5em 0 0;
     color: #777;
-    margin: 1.5em 0 0 0;
-    padding: 1.5em 0 0 0;
     font-style: normal;
   }
 }
@@ -216,11 +215,11 @@ form {
 }
 
 label {
-  color: #646464;
   display: block;
+  margin: 0 0 1em;
+  color: #646464;
   font-size: 0.9em;
   font-weight: 300;
-  margin: 0 0 1em 0;
 }
 
 input[type="text"],
@@ -228,54 +227,48 @@ input[type="password"],
 input[type="email"],
 select,
 textarea {
-  appearance: none;
-  background: #f8f8f8;
-  border-radius: 6px;
-  border: solid 1px #e5e5e5;
-  color: inherit;
   display: block;
   outline: 0;
+  border: solid 1px #E5E5E5;
+  border-radius: 6px;
+  background: #F8F8F8;
   padding: 0 1em;
-  text-decoration: none;
   width: 100%;
+  text-decoration: none;
+  color: inherit;
+  appearance: none;
 
   &:invalid {
     box-shadow: none;
   }
 
   &:focus {
-    border-color: #e89980;
-    box-shadow: 0 0 0 2px #e89980;
+    border-color: #E89980;
+    box-shadow: 0 0 0 2px #E89980;
   }
 }
 
 .select-wrapper {
-  text-decoration: none;
   display: block;
   position: relative;
+  text-decoration: none;
 
   &:before {
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
-    font-family: FontAwesome;
-    font-style: normal;
-    font-weight: normal;
-    text-transform: none !important;
-    color: #e5e5e5;
-    content: '\f078';
     display: block;
-    height: 3em;
-    line-height: 3em;
-    pointer-events: none;
     position: absolute;
-    right: 0;
-    text-align: center;
     top: 0;
+    right: 0;
     width: 3em;
-  }
-
-  select::-ms-expand {
-    display: none;
+    height: 3em;
+    text-align: center;
+    text-transform: none !important;
+    line-height: 3em;
+    color: #E5E5E5;
+    font-family: FontAwesome;
+    font-weight: normal;
+    font-style: normal;
+    content: "\f078";
+    pointer-events: none;
   }
 }
 
@@ -292,57 +285,55 @@ textarea {
 
 input[type="checkbox"],
 input[type="radio"] {
-  appearance: none;
   display: block;
   float: left;
-  margin-right: -2em;
   opacity: 0;
-  width: 1em;
   z-index: -1;
+  margin-right: -2em;
+  width: 1em;
+  appearance: none;
 
   & + label {
+    display: inline-block;
+    position: relative;
+    cursor: pointer;
+    padding-right: 0.75em;
+    padding-left: 2.55em;
     text-decoration: none;
     color: #777;
-    cursor: pointer;
-    display: inline-block;
     font-size: 1em;
     font-weight: 300;
-    padding-left: 2.55em;
-    padding-right: 0.75em;
-    position: relative;
 
     &:before {
-      -moz-osx-font-smoothing: grayscale;
-      -webkit-font-smoothing: antialiased;
-      font-family: FontAwesome;
-      font-style: normal;
-      font-weight: normal;
-      text-transform: none !important;
-      background: #f8f8f8;
-      border-radius: 6px;
-      border: solid 1px #e5e5e5;
-      content: '';
       display: inline-block;
-      height: 1.8em;
-      left: 0;
-      line-height: 1.725em;
       position: absolute;
-      text-align: center;
       top: 0;
+      left: 0;
+      border: solid 1px #E5E5E5;
+      border-radius: 6px;
+      background: #F8F8F8;
       width: 1.8em;
+      height: 1.8em;
+      text-align: center;
+      text-transform: none !important;
+      line-height: 1.725em;
+      font-family: FontAwesome;
+      font-weight: normal;
+      font-style: normal;
+      content: "";
     }
   }
 
   &:checked + label:before {
-    background: #666;
     border-color: #666;
-    color: #ffffff;
-    content: '\f00c';
+    background: #666;
+    color: #FFF;
+    content: "\f00c";
   }
 
   &:checked + label:before {
-    border-color: #e89980;
-    box-shadow: 0 0 0 1px #e89980;
+    border-color: #E89980;
+    box-shadow: 0 0 0 1px #E89980;
   }
 }
 
@@ -354,583 +345,560 @@ input[type="radio"] + label:before {
   border-radius: 100%;
 }
 
-::-webkit-input-placeholder {
-  color: #999 !important;
-  opacity: 1.0;
-}
-
-:-moz-placeholder {
-  color: #999 !important;
-  opacity: 1.0;
-}
-
-::-moz-placeholder {
-  color: #999 !important;
-  opacity: 1.0;
-}
-
-:-ms-input-placeholder {
-  color: #999 !important;
-  opacity: 1.0;
-}
-
 .formerize-placeholder {
-  color: #999 !important;
   opacity: 1.0;
+  color: #999 !important;
 }
 
 /* Box */
 .box {
-  background: #fff;
+  margin: 0 0 2em;
   border-radius: 6px;
-  box-shadow: 0 2px 0 0 #e5e5e5;
-  margin: 0 0 2em 0;
+  box-shadow: 0 2px 0 0 #E5E5E5;
+  background: #FFF;
   padding: 3em;
 }
 
-  .box > :last-child {
-    margin-bottom: 0;
-  }
+.box > :last-child {
+  margin-bottom: 0;
+}
 
-  .box.alt {
-    background: none !important;
-    border-radius: 0 !important;
-    box-shadow: none !important;
-    margin: 0 0 2em 0;
-    padding: 0 !important;
-  }
+.box.alt {
+  margin: 0 0 2em;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+  background: none !important;
+  padding: 0 !important;
+}
 
-  .box.features .features-row {
-    border-top: solid 2px #e5e5e5;
-    position: relative;
-  }
+.box.features .features-row {
+  position: relative;
+  border-top: solid 2px #E5E5E5;
+}
 
-  .box.features .features-row:after {
-    clear: both;
-    content: '';
-    display: block;
-  }
+.box.features .features-row:after {
+  display: block;
+  clear: both;
+  content: "";
+}
 
-  .box.features .features-row section {
-    float: left;
-    padding: 3em;
-    width: 50%;
-  }
+.box.features .features-row section {
+  float: left;
+  padding: 3em;
+  width: 50%;
+}
 
-  .box.features .features-row section :last-child {
-    margin-bottom: 0;
-  }
+.box.features .features-row section :last-child {
+  margin-bottom: 0;
+}
 
-  .box.features .features-row section:nth-child(2n) {
-    padding-right: 0;
-  }
+.box.features .features-row section:nth-child(2n) {
+  padding-right: 0;
+}
 
-  .box.features .features-row section:nth-child(2n):before {
-    background: #e5e5e5;
-    content: '';
-    display: block;
-    height: 100%;
-    margin-left: -3em;
-    position: absolute;
-    top: 0;
-    width: 2px;
-  }
+.box.features .features-row section:nth-child(2n):before {
+  display: block;
+  position: absolute;
+  top: 0;
+  margin-left: -3em;
+  background: #E5E5E5;
+  width: 2px;
+  height: 100%;
+  content: "";
+}
 
-  .box.features .features-row section:nth-child(2n-1) {
-    padding-left: 0;
-  }
+.box.features .features-row section:nth-child(2n-1) {
+  padding-left: 0;
+}
 
-  .box.features .features-row:first-child {
-    border-top: 0;
-  }
+.box.features .features-row:first-child {
+  border-top: 0;
+}
 
-  .box.features .features-row:first-child section {
-    padding-top: 0;
-  }
+.box.features .features-row:first-child section {
+  padding-top: 0;
+}
 
-  .box.features .features-row:last-child {
-    padding-bottom: 0;
-  }
+.box.features .features-row:last-child {
+  padding-bottom: 0;
+}
 
-  .box.features .features-row:last-child section {
-    padding-bottom: 0;
-  }
+.box.features .features-row:last-child section {
+  padding-bottom: 0;
+}
 
-  .box.special {
-    text-align: center;
-  }
+.box.special {
+  text-align: center;
+}
 
-  .box .image.featured {
-    border-radius: 0;
-    display: block;
-    margin: 3em 0 3em -3em;
-    position: relative;
-    width: calc(100% + 6em);
-  }
+.box .image.featured {
+  display: block;
+  position: relative;
+  margin: 3em 0 3em -3em;
+  border-radius: 0;
+  width: calc(100% + 6em);
+}
 
-  .box .image.featured img {
-    border-radius: 0;
-    display: block;
-    width: 100%;
-  }
+.box .image.featured img {
+  display: block;
+  border-radius: 0;
+  width: 100%;
+}
 
-  .box .image.featured:first-child {
-    border-radius: 6px 6px 0 0;
-    margin-bottom: 3em;
-    margin-top: -3em;
-  }
+.box .image.featured:first-child {
+  margin-top: -3em;
+  margin-bottom: 3em;
+  border-radius: 6px 6px 0 0;
+}
 
-  .box .image.featured:first-child img {
-    border-radius: 6px 6px 0 0;
-  }
+.box .image.featured:first-child img {
+  border-radius: 6px 6px 0 0;
+}
 
-  .box .image.featured:last-child {
-    border-radius: 0 0 6px 6px;
-    margin-bottom: -3em;
-    margin-top: 3em;
-  }
+.box .image.featured:last-child {
+  margin-top: 3em;
+  margin-bottom: -3em;
+  border-radius: 0 0 6px 6px;
+}
 
-  .box .image.featured:last-child img {
-    border-radius: 0 0 6px 6px;
-  }
+.box .image.featured:last-child img {
+  border-radius: 0 0 6px 6px;
+}
 
 /* Icon */
 .icon {
-  text-decoration: none;
-  border-bottom: none;
   position: relative;
+  border-bottom: none;
+  text-decoration: none;
 }
 
-  .icon:before {
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
-    font-family: FontAwesome;
-    font-style: normal;
-    font-weight: normal;
-    text-transform: none !important;
-  }
+.icon::before {
+  text-transform: none !important;
+  font-family: FontAwesome;
+  font-weight: normal;
+  font-style: normal;
+}
 
-  .icon > .label {
-    display: none;
-  }
+.icon > .label {
+  display: none;
+}
 
-  .icon.major {
-    background: #666;
-    border-radius: 100%;
-    color: #ffffff;
-    cursor: default;
-    display: inline-block;
-    height: 5.5em;
-    line-height: 5.5em;
-    margin: 0 0 2em 0;
-    width: 5.5em;
-  }
+.icon.major {
+  display: inline-block;
+  margin: 0 0 2em 0;
+  border-radius: 100%;
+  background: #666;
+  cursor: default;
+  width: 5.5em;
+  height: 5.5em;
+  line-height: 5.5em;
+  color: #FFF;
+}
 
-  .icon.major:before {
-    font-size: 2.5em;
-  }
+.icon.major:before {
+  font-size: 2.5em;
+}
 
-  .icon.major.accent1 {
-    background: #666;
-    color: #ffffff;
-  }
+.icon.major.accent1 {
+  background: #666;
+  color: #FFF;
+}
 
-  .icon.major.accent2 {
-    background: #e89980;
-    color: #ffffff;
-  }
+.icon.major.accent2 {
+  background: #E89980;
+  color: #FFF;
+}
 
-  .icon.major.accent3 {
-    background: #7fcdb8;
-    color: #ffffff;
-  }
+.icon.major.accent3 {
+  background: #7FCDB8;
+  color: #FFF;
+}
 
-  .icon.major.accent4 {
-    background: #90b0ba;
-    color: #ffffff;
-  }
+.icon.major.accent4 {
+  background: #90B0BA;
+  color: #FFF;
+}
 
-  .icon.major.accent5 {
-    background: #e5cb95;
-    color: #ffffff;
-  }
+.icon.major.accent5 {
+  background: #E5CB95;
+  color: #FFF;
+}
 
 /* Image */
 
 .image {
-  border-radius: 6px;
-  border: 0;
   display: inline-block;
   position: relative;
+  border: 0;
+  border-radius: 6px;
 }
 
-  .image img {
-    border-radius: 6px;
-    display: block;
-  }
+.image img {
+  display: block;
+  border-radius: 6px;
+}
 
-  .image.left {
-    float: left;
-    padding: 0 1.5em 1em 0;
-    top: 0.25em;
-  }
+.image.left {
+  top: 0.25em;
+  float: left;
+  padding: 0 1.5em 1em 0;
+}
 
-  .image.right {
-    float: right;
-    padding: 0 0 1em 1.5em;
-    top: 0.25em;
-  }
+.image.right {
+  top: 0.25em;
+  float: right;
+  padding: 0 0 1em 1.5em;
+}
 
-  .image.fit {
-    display: block;
-    margin: 0 0 2em 0;
-    width: 100%;
-  }
+.image.fit {
+  display: block;
+  margin: 0 0 2em;
+  width: 100%;
+}
 
-  .image.fit img {
-    display: block;
-    width: 100%;
-  }
+.image.fit img {
+  display: block;
+  width: 100%;
+}
 
 /* List */
 ol {
-  list-style: decimal;
-  margin: 0 0 2em 0;
+  margin: 0 0 2em;
   padding-left: 1.25em;
+  list-style: decimal;
 }
 
-  ol li {
-    padding-left: 0.25em;
-  }
+ol li {
+  padding-left: 0.25em;
+}
 
 ul {
-  list-style: disc;
   margin: 0 0 2em 0;
   padding-left: 1em;
+  list-style: disc;
 }
 
-  ul li {
-    padding-left: 0.5em;
-  }
+ul li {
+  padding-left: 0.5em;
+}
 
-  ul.alt {
-    list-style: none;
-    padding-left: 0;
-  }
+ul.alt {
+  padding-left: 0;
+  list-style: none;
+}
 
-  ul.alt li {
-    border-top: solid 1px #e5e5e5;
-    padding: 0.5em 0;
-  }
+ul.alt li {
+  border-top: solid 1px #E5E5E5;
+  padding: 0.5em 0;
+}
 
-  ul.alt li:first-child {
-    border-top: 0;
-    padding-top: 0;
-  }
+ul.alt li:first-child {
+  border-top: 0;
+  padding-top: 0;
+}
 
-  ul.icons {
-    cursor: default;
-    list-style: none;
-    padding-left: 0;
-  }
+ul.icons {
+  cursor: default;
+  padding-left: 0;
+  list-style: none;
+}
 
-  ul.icons li {
-    display: inline-block;
-    padding: 0 1.25em 0 0;
-  }
+ul.icons li {
+  display: inline-block;
+  padding: 0 1.25em 0 0;
+}
 
-  ul.icons li:last-child {
-    padding-right: 0;
-  }
+ul.icons li:last-child {
+  padding-right: 0;
+}
 
-  ul.icons li .icon {
-    color: inherit;
-  }
+ul.icons li .icon {
+  color: inherit;
+}
 
-  ul.icons li .icon:before {
-    font-size: 1.75em;
-  }
+ul.icons li .icon:before {
+  font-size: 1.75em;
+}
 
-  ul.actions {
-    cursor: default;
-    list-style: none;
-    padding-left: 0;
-  }
+ul.actions {
+  cursor: default;
+  padding-left: 0;
+  list-style: none;
+}
 
-  ul.actions li {
-    display: inline-block;
-    padding: 0 1em 0 0;
-    vertical-align: middle;
-  }
+ul.actions li {
+  display: inline-block;
+  padding: 0 1em 0 0;
+  vertical-align: middle;
+}
 
-  ul.actions li:last-child {
-    padding-right: 0;
-  }
+ul.actions li:last-child {
+  padding-right: 0;
+}
 
-  ul.actions.small li {
-    padding: 0 0.5em 0 0;
-  }
+ul.actions.small li {
+  padding: 0 0.5em 0 0;
+}
 
-  ul.actions.vertical li {
-    display: block;
-    padding: 1em 0 0 0;
-  }
+ul.actions.vertical li {
+  display: block;
+  padding: 1em 0 0;
+}
 
-  ul.actions.vertical li:first-child {
-    padding-top: 0;
-  }
+ul.actions.vertical li:first-child {
+  padding-top: 0;
+}
 
-  ul.actions.vertical li > * {
-    margin-bottom: 0;
-  }
+ul.actions.vertical li > * {
+  margin-bottom: 0;
+}
 
-  ul.actions.vertical.small li {
-    padding: 0.5em 0 0 0;
-  }
+ul.actions.vertical.small li {
+  padding: 0.5em 0 0 0;
+}
 
-  ul.actions.vertical.small li:first-child {
-    padding-top: 0;
-  }
+ul.actions.vertical.small li:first-child {
+  padding-top: 0;
+}
 
-  ul.actions.fit {
-    display: table;
-    margin-left: -1em;
-    padding: 0;
-    table-layout: fixed;
-    width: calc(100% + 1em);
-  }
+ul.actions.fit {
+  display: table;
+  margin-left: -1em;
+  padding: 0;
+  width: calc(100% + 1em);
+  table-layout: fixed;
+}
 
-  ul.actions.fit li {
-    display: table-cell;
-    padding: 0 0 0 1em;
-  }
+ul.actions.fit li {
+  display: table-cell;
+  padding: 0 0 0 1em;
+}
 
-  ul.actions.fit li > * {
-    margin-bottom: 0;
-  }
+ul.actions.fit li > * {
+  margin-bottom: 0;
+}
 
-  ul.actions.fit.small {
-    margin-left: -0.5em;
-    width: calc(100% + 0.5em);
-  }
+ul.actions.fit.small {
+  margin-left: -0.5em;
+  width: calc(100% + 0.5em);
+}
 
-  ul.actions.fit.small li {
-    padding: 0 0 0 0.5em;
-  }
+ul.actions.fit.small li {
+  padding: 0 0 0 0.5em;
+}
 
 dl {
-  margin: 0 0 2em 0;
+  margin: 0 0 2em;
 }
 
 /* Table */
 .table-wrapper {
-  -webkit-overflow-scrolling: touch;
   overflow-x: auto;
 }
 
 table {
-  margin: 0 0 2em 0;
+  margin: 0 0 2em;
   width: 100%;
 }
 
-  table tbody tr {
-    border: solid 1px #e5e5e5;
-    border-left: 0;
-    border-right: 0;
-  }
+table tbody tr {
+  border: solid 1px #E5E5E5;
+  border-right: 0;
+  border-left: 0;
+}
 
-  table tbody tr:nth-child(2n + 1) {
-    background-color: #f8f8f8;
-  }
+table tbody tr:nth-child(2n + 1) {
+  background-color: #F8F8F8;
+}
 
-  table td {
-    padding: 0.75em 0.75em;
-  }
+table td {
+  padding: 0.75em 0.75em;
+}
 
-  table th {
-    color: #646464;
-    font-size: 0.9em;
-    font-weight: 300;
-    padding: 0 0.75em 0.75em 0.75em;
-    text-align: left;
-  }
+table th {
+  padding: 0 0.75em 0.75em 0.75em;
+  text-align: left;
+  color: #646464;
+  font-size: 0.9em;
+  font-weight: 300;
+}
 
-  table thead {
-    border-bottom: solid 2px #e5e5e5;
-  }
+table thead {
+  border-bottom: solid 2px #E5E5E5;
+}
 
-  table tfoot {
-    border-top: solid 2px #e5e5e5;
-  }
+table tfoot {
+  border-top: solid 2px #E5E5E5;
+}
 
-  table.alt {
-    border-collapse: separate;
-  }
+table.alt {
+  border-collapse: separate;
+}
 
-  table.alt tbody tr td {
-    border: solid 1px #e5e5e5;
-    border-left-width: 0;
-    border-top-width: 0;
-  }
+table.alt tbody tr td {
+  border: solid 1px #E5E5E5;
+  border-top-width: 0;
+  border-left-width: 0;
+}
 
-  table.alt tbody tr td:first-child {
-    border-left-width: 1px;
-  }
+table.alt tbody tr td:first-child {
+  border-left-width: 1px;
+}
 
-  table.alt tbody tr:first-child td {
-    border-top-width: 1px;
-  }
+table.alt tbody tr:first-child td {
+  border-top-width: 1px;
+}
 
-  table.alt thead {
-    border-bottom: 0;
-  }
+table.alt thead {
+  border-bottom: 0;
+}
 
-  table.alt tfoot {
-    border-top: 0;
-  }
+table.alt tfoot {
+  border-top: 0;
+}
 
 /* Button */
 input[type="submit"],
 input[type="reset"],
 input[type="button"],
 .button {
-  appearance: none;
-  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-  background-color: #666;
-  border-radius: 6px;
-  border: 0;
-  color: #ffffff;
-  cursor: pointer;
   display: inline-block;
-  font-weight: 400;
-  height: 3em;
-  line-height: 3em;
+  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+  border: 0;
+  border-radius: 6px;
+  background-color: #666;
+  cursor: pointer;
   padding: 0 2em;
+  height: 3em;
   text-align: center;
   text-decoration: none;
+  line-height: 3em;
   white-space: nowrap;
+  color: #FFF;
+  font-weight: 400;
+  appearance: none;
 }
 
-  input[type="submit"]:hover,
-  input[type="reset"]:hover,
-  input[type="button"]:hover,
-  .button:hover {
-    background-color: #737373;
-  }
+input[type="submit"]:hover,
+input[type="reset"]:hover,
+input[type="button"]:hover,
+.button:hover {
+  background-color: #737373;
+}
 
-  input[type="submit"]:active,
-  input[type="reset"]:active,
-  input[type="button"]:active,
-  .button:active {
-    background-color: #595959;
-  }
+input[type="submit"]:active,
+input[type="reset"]:active,
+input[type="button"]:active,
+.button:active {
+  background-color: #595959;
+}
 
-  input[type="submit"].icon,
-  input[type="reset"].icon,
-  input[type="button"].icon,
-  .button.icon {
-    padding-left: 1.35em;
-  }
+input[type="submit"].icon,
+input[type="reset"].icon,
+input[type="button"].icon,
+.button.icon {
+  padding-left: 1.35em;
+}
 
-  input[type="submit"].icon:before,
-  input[type="reset"].icon:before,
-  input[type="button"].icon:before,
-  .button.icon:before {
-    margin-right: 0.5em;
-  }
+input[type="submit"].icon:before,
+input[type="reset"].icon:before,
+input[type="button"].icon:before,
+.button.icon:before {
+  margin-right: 0.5em;
+}
 
-  input[type="submit"].fit,
-  input[type="reset"].fit,
-  input[type="button"].fit,
-  .button.fit {
-    display: block;
-    margin: 0 0 1em 0;
-    width: 100%;
-  }
+input[type="submit"].fit,
+input[type="reset"].fit,
+input[type="button"].fit,
+.button.fit {
+  display: block;
+  margin: 0 0 1em 0;
+  width: 100%;
+}
 
-  input[type="submit"].small,
-  input[type="reset"].small,
-  input[type="button"].small,
-  .button.small {
-    font-size: 0.8em;
-    height: 2.7em;
-    line-height: 2.7em;
-  }
+input[type="submit"].small,
+input[type="reset"].small,
+input[type="button"].small,
+.button.small {
+  height: 2.7em;
+  line-height: 2.7em;
+  font-size: 0.8em;
+}
 
-  input[type="submit"].big,
-  input[type="reset"].big,
-  input[type="button"].big,
-  .button.big {
-    font-size: 1.25em;
-    height: 2.7em;
-    line-height: 2.7em;
-  }
+input[type="submit"].big,
+input[type="reset"].big,
+input[type="button"].big,
+.button.big {
+  height: 2.7em;
+  line-height: 2.7em;
+  font-size: 1.25em;
+}
 
-  input[type="submit"].alt,
-  input[type="reset"].alt,
-  input[type="button"].alt,
-  .button.alt {
-    background-color: transparent;
-    box-shadow: inset 0 0 0 2px #e5e5e5;
-    color: #777;
-  }
+input[type="submit"].alt,
+input[type="reset"].alt,
+input[type="button"].alt,
+.button.alt {
+  box-shadow: inset 0 0 0 2px #E5E5E5;
+  background-color: transparent;
+  color: #777;
+}
 
-  input[type="submit"].alt:hover,
-  input[type="reset"].alt:hover,
-  input[type="button"].alt:hover,
-  .button.alt:hover {
-    background-color: #f8f8f8;
-  }
+input[type="submit"].alt:hover,
+input[type="reset"].alt:hover,
+input[type="button"].alt:hover,
+.button.alt:hover {
+  background-color: #F8F8F8;
+}
 
-  input[type="submit"].alt:active,
-  input[type="reset"].alt:active,
-  input[type="button"].alt:active,
-  .button.alt:active {
-    background-color: #f0f0f0;
-  }
+input[type="submit"].alt:active,
+input[type="reset"].alt:active,
+input[type="button"].alt:active,
+.button.alt:active {
+  background-color: #F0F0F0;
+}
 
-  input[type="submit"].alt.icon:before,
-  input[type="reset"].alt.icon:before,
-  input[type="button"].alt.icon:before,
-  .button.alt.icon:before {
-    color: #999;
-  }
+input[type="submit"].alt.icon:before,
+input[type="reset"].alt.icon:before,
+input[type="button"].alt.icon:before,
+.button.alt.icon:before {
+  color: #999;
+}
 
-  input[type="submit"].special,
-  input[type="reset"].special,
-  input[type="button"].special,
-  .button.special {
-    background-color: #e89980;
-    color: #ffffff !important;
-  }
+input[type="submit"].special,
+input[type="reset"].special,
+input[type="button"].special,
+.button.special {
+  background-color: #E89980;
+  color: #FFF !important;
+}
 
-  input[type="submit"].special:hover,
-  input[type="reset"].special:hover,
-  input[type="button"].special:hover,
-  .button.special:hover {
-    background-color: #ecaa96;
-  }
+input[type="submit"].special:hover,
+input[type="reset"].special:hover,
+input[type="button"].special:hover,
+.button.special:hover {
+  background-color: #ECAA96;
+}
 
-  input[type="submit"].special:active,
-  input[type="reset"].special:active,
-  input[type="button"].special:active,
-  .button.special:active {
-    background-color: #e4886a;
-  }
+input[type="submit"].special:active,
+input[type="reset"].special:active,
+input[type="button"].special:active,
+.button.special:active {
+  background-color: #E4886A;
+}
 
-  input[type="submit"].disabled, input[type="submit"]:disabled,
-  input[type="reset"].disabled,
-  input[type="reset"]:disabled,
-  input[type="button"].disabled,
-  input[type="button"]:disabled,
-  .button.disabled,
-  .button:disabled {
-    background-color: #777 !important;
-    box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
-    color: #f5f5f5 !important;
-    cursor: default;
-    opacity: 0.25;
-  }
+input[type="submit"].disabled, input[type="submit"]:disabled,
+input[type="reset"].disabled,
+input[type="reset"]:disabled,
+input[type="button"].disabled,
+input[type="button"]:disabled,
+.button.disabled,
+.button:disabled {
+  opacity: 0.25;
+  box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
+  background-color: #777 !important;
+  cursor: default;
+  color: #F5F5F5 !important;
+}
 
 /* Header */
 #page-wrapper {
@@ -952,309 +920,309 @@ body.landing #page-wrapper {
 }
 
 #header {
-  background: #444;
-  color: #bbb;
-  cursor: default;
-  height: 3.25em;
-  left: 0;
-  line-height: 3.25em;
   position: fixed;
   top: 0;
-  width: 100%;
+  left: 0;
   z-index: 10000;
+  background: #444;
+  cursor: default;
+  width: 100%;
+  height: 3.25em;
+  line-height: 3.25em;
+  color: #BBB;
 }
 
-  #header h1 {
-    color: inherit;
-    height: inherit;
-    left: 1.25em;
-    line-height: inherit;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    top: 0;
-  }
+#header h1 {
+  position: absolute;
+  top: 0;
+  left: 1.25em;
+  margin: 0;
+  padding: 0;
+  height: inherit;
+  line-height: inherit;
+  color: inherit;
+}
 
-  #header h1 a {
-    color: #fff;
-    font-weight: 400;
-    border: 0;
-  }
+#header h1 a {
+  border: 0;
+  color: #FFF;
+  font-weight: 400;
+}
 
-  #header nav {
-    height: inherit;
-    line-height: inherit;
-    position: absolute;
-    right: 0.75em;
-    top: 0;
-    vertical-align: middle;
-  }
+#header nav {
+  position: absolute;
+  top: 0;
+  right: 0.75em;
+  height: inherit;
+  vertical-align: middle;
+  line-height: inherit;
+}
 
-  #header nav > ul {
-    list-style: none;
-    margin: 0;
-    padding-left: 0;
-  }
+#header nav > ul {
+  margin: 0;
+  padding-left: 0;
+  list-style: none;
+}
 
-  #header nav > ul > li {
-    display: inline-block;
-    padding-left: 0;
-  }
+#header nav > ul > li {
+  display: inline-block;
+  padding-left: 0;
+}
 
-  #header nav > ul > li > ul {
-    display: none;
-  }
+#header nav > ul > li > ul {
+  display: none;
+}
 
-  #header nav > ul > li a {
-    display: inline-block;
-    height: 2em;
-    line-height: 1.95em;
-    padding: 0 1em;
-    border-radius: 6px;
-  }
+#header nav > ul > li a {
+  display: inline-block;
+  border-radius: 6px;
+  padding: 0 1em;
+  height: 2em;
+  line-height: 1.95em;
+}
 
-  #header nav > ul > li a:not(.button) {
-    color: #fff;
-    display: inline-block;
-    text-decoration: none;
-    border: 0;
-  }
+#header nav > ul > li a:not(.button) {
+  display: inline-block;
+  border: 0;
+  text-decoration: none;
+  color: #FFF;
+}
 
-  #header nav > ul > li a:not(.button).icon:before {
-    color: #999;
-    margin-right: 0.5em;
-  }
+#header nav > ul > li a:not(.button).icon:before {
+  margin-right: 0.5em;
+  color: #999;
+}
 
-  #header nav > ul > li:first-child {
-    margin-left: 0;
-  }
+#header nav > ul > li:first-child {
+  margin-left: 0;
+}
 
-  #header nav > ul > li.active a:not(.button) {
-    background-color: rgba(153, 153, 153, 0.25);
-  }
+#header nav > ul > li.active a:not(.button) {
+  background-color: rgba(153, 153, 153, 0.25);
+}
 
-  #header nav > ul > li .button {
-    margin: 0 0 0 0.5em;
-    position: relative;
-  }
+#header nav > ul > li .button {
+  position: relative;
+  margin: 0 0 0 0.5em;
+}
 
-  #header input[type="submit"],
-  #header input[type="reset"],
-  #header input[type="button"],
-  #header .button {
-    background-color: transparent;
-    box-shadow: inset 0 0 0 2px #999;
-    color: #fff;
-  }
+#header input[type="submit"],
+#header input[type="reset"],
+#header input[type="button"],
+#header .button {
+  box-shadow: inset 0 0 0 2px #999;
+  background-color: transparent;
+  color: #FFF;
+}
 
-  #header input[type="submit"]:hover,
-  #header input[type="reset"]:hover,
-  #header input[type="button"]:hover,
-  #header .button:hover {
-    background-color: rgba(153, 153, 153, 0.25);
-  }
+#header input[type="submit"]:hover,
+#header input[type="reset"]:hover,
+#header input[type="button"]:hover,
+#header .button:hover {
+  background-color: rgba(153, 153, 153, 0.25);
+}
 
-  #header input[type="submit"]:active,
-  #header input[type="reset"]:active,
-  #header input[type="button"]:active,
-  #header .button:active {
-    background-color: rgba(153, 153, 153, 0.5);
-  }
+#header input[type="submit"]:active,
+#header input[type="reset"]:active,
+#header input[type="button"]:active,
+#header .button:active {
+  background-color: rgba(153, 153, 153, 0.5);
+}
 
-  #header .container {
-    position: relative;
-  }
+#header .container {
+  position: relative;
+}
 
-  #header .container h1 {
-    left: 0;
-  }
+#header .container h1 {
+  left: 0;
+}
 
-  #header .container nav {
-    right: 0;
-  }
+#header .container nav {
+  right: 0;
+}
 
-  #header.reveal {
-    animation: reveal-header 0.5s;
-  }
+#header.reveal {
+  animation: reveal-header 0.5s;
+}
 
-  #header.alt {
-    animation: none;
-    background: none;
-    color: rgba(255, 255, 255, 0.75);
-    position: absolute;
-  }
+#header.alt {
+  position: absolute;
+  animation: none;
+  background: none;
+  color: rgba(255, 255, 255, 0.75);
+}
 
-  #header.alt nav > ul > li a:not(.button).icon:before {
-    color: rgba(255, 255, 255, 0.75);
-  }
+#header.alt nav > ul > li a:not(.button).icon:before {
+  color: rgba(255, 255, 255, 0.75);
+}
 
-  #header.alt nav > ul > li.active a:not(.button) {
-    background-color: rgba(255, 255, 255, 0.2);
-  }
+#header.alt nav > ul > li.active a:not(.button) {
+  background-color: rgba(255, 255, 255, 0.2);
+}
 
-  #header.alt input[type="submit"],
-  #header.alt input[type="reset"],
-  #header.alt input[type="button"],
-  #header.alt .button {
-    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
-  }
+#header.alt input[type="submit"],
+#header.alt input[type="reset"],
+#header.alt input[type="button"],
+#header.alt .button {
+  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
+}
 
-  #header.alt input[type="submit"]:hover,
-  #header.alt input[type="reset"]:hover,
-  #header.alt input[type="button"]:hover,
-  #header.alt .button:hover {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
+#header.alt input[type="submit"]:hover,
+#header.alt input[type="reset"]:hover,
+#header.alt input[type="button"]:hover,
+#header.alt .button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
 
-  #header.alt input[type="submit"]:active,
-  #header.alt input[type="reset"]:active,
-  #header.alt input[type="button"]:active,
-  #header.alt .button:active {
-    background-color: rgba(255, 255, 255, 0.2);
-  }
+#header.alt input[type="submit"]:active,
+#header.alt input[type="reset"]:active,
+#header.alt input[type="button"]:active,
+#header.alt .button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
 
 .dropotron {
-  background: #fff;
-  border-radius: 6px;
-  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.065), inset 0 -1px 0 0 #fff, inset 0 0 0 1px rgba(229, 229, 229, 0.5);
-  list-style: none;
   margin: calc(-0.5em + 1px) 0 0 1px;
+  border-radius: 6px;
+  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.065), inset 0 -1px 0 0 #FFF, inset 0 0 0 1px rgba(229, 229, 229, 0.5);
+  background: #FFF;
   padding: 0.5em 0;
   width: 11em;
+  list-style: none;
 }
 
-  .dropotron li {
-    padding: 0;
-  }
+.dropotron li {
+  padding: 0;
+}
 
-  .dropotron li a, .dropotron li span {
-    transition: none;
-    border: 0;
-    border-top: solid 1px #f2f2f2;
-    color: inherit;
-    display: block;
-    padding: 0.15em 1em;
-  }
+.dropotron li a, .dropotron li span {
+  display: block;
+  transition: none;
+  border: 0;
+  border-top: solid 1px #F2F2F2;
+  padding: 0.15em 1em;
+  color: inherit;
+}
 
-  .dropotron li:first-child > a, .dropotron li:first-child > span {
-    border-top: 0;
-  }
+.dropotron li:first-child > a, .dropotron li:first-child > span {
+  border-top: 0;
+}
 
-  .dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span {
-    background: #e89980;
-    color: #ffffff;
-  }
+.dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span {
+  background: #E89980;
+  color: #FFF;
+}
 
-  .dropotron.level-0 {
-    font-size: 0.9em;
-    margin: 1em 0 0 0;
-  }
+.dropotron.level-0 {
+  margin: 1em 0 0;
+  font-size: 0.9em;
+}
 
-  .dropotron.level-0:before {
-    transform: rotate(45deg);
-    background: #fff;
-    border: solid 1px rgba(229, 229, 229, 0.5);
-    border-bottom: 0;
-    border-right: 0;
-    box-shadow: -0.25em -0.125em 0.125em 0 rgba(0, 0, 0, 0.015);
-    content: '';
-    display: block;
-    height: 0.75em;
-    position: absolute;
-    right: 1.25em;
-    top: -0.375em;
-    width: 0.75em;
-    z-index: 0;
-  }
+.dropotron.level-0::before {
+  display: block;
+  position: absolute;
+  top: -0.375em;
+  right: 1.25em;
+  transform: rotate(45deg);
+  z-index: 0;
+  border: solid 1px rgba(229, 229, 229, 0.5);
+  border-right: 0;
+  border-bottom: 0;
+  box-shadow: -0.25em -0.125em 0.125em 0 rgba(0, 0, 0, 0.015);
+  background: #FFF;
+  width: 0.75em;
+  height: 0.75em;
+  content: "";
+}
 
 /* Banner */
 #banner {
   background-attachment: scroll, fixed;
   background-color: #666;
   background-image: url("images/overlay.png"), url("../../images/banner.jpg");
-  background-position: top left, center center;
   background-repeat: repeat, no-repeat;
+  background-position: top left, center center;
   background-size: auto, cover;
-  color: #fff;
   padding: 12em 0 20em 0;
   text-align: center;
+  color: #FFF;
 }
 
-  #banner :last-child {
-    margin-bottom: 0;
-  }
+#banner :last-child {
+  margin-bottom: 0;
+}
 
-  #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
-    color: #fff;
-  }
+#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
+  color: #FFF;
+}
 
-  #banner h2 {
-    font-size: 3.5em;
-    line-height: 1em;
-    margin: 0 0 0.5em 0;
-    padding: 0;
-  }
+#banner h2 {
+  margin: 0 0 0.5em 0;
+  padding: 0;
+  line-height: 1em;
+  font-size: 3.5em;
+}
 
-  #banner p {
-    font-size: 1.25em;
-    margin-bottom: 1.75em;
-  }
+#banner p {
+  margin-bottom: 1.75em;
+  font-size: 1.25em;
+}
 
-  #banner input[type="submit"],
-  #banner input[type="reset"],
-  #banner input[type="button"],
-  #banner .button {
-    background-color: transparent;
-    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
-    color: #fff;
-    min-width: 12em;
-  }
+#banner input[type="submit"],
+#banner input[type="reset"],
+#banner input[type="button"],
+#banner .button {
+  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
+  background-color: transparent;
+  min-width: 12em;
+  color: #FFF;
+}
 
-  #banner input[type="submit"]:hover,
-  #banner input[type="reset"]:hover,
-  #banner input[type="button"]:hover,
-  #banner .button:hover {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
+#banner input[type="submit"]:hover,
+#banner input[type="reset"]:hover,
+#banner input[type="button"]:hover,
+#banner .button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
 
-  #banner input[type="submit"]:active,
-  #banner input[type="reset"]:active,
-  #banner input[type="button"]:active,
-  #banner .button:active {
-    background-color: rgba(255, 255, 255, 0.2);
-  }
+#banner input[type="submit"]:active,
+#banner input[type="reset"]:active,
+#banner input[type="button"]:active,
+#banner .button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
 
-  #banner input[type="submit"].special,
-  #banner input[type="reset"].special,
-  #banner input[type="button"].special,
-  #banner .button.special {
-    background: #fff;
-    color: #666 !important;
-  }
+#banner input[type="submit"].special,
+#banner input[type="reset"].special,
+#banner input[type="button"].special,
+#banner .button.special {
+  background: #FFF;
+  color: #666 !important;
+}
 
 /* Main */
 #main {
   padding: 4em 0;
 }
 
-  #main > header {
-    text-align: center;
-    margin: 0 0 3em 0;
-  }
+#main > header {
+  margin: 0 0 3em;
+  text-align: center;
+}
 
-  #main > header h2 {
-    font-size: 2.75em;
-    margin: 0;
-  }
+#main > header h2 {
+  margin: 0;
+  font-size: 2.75em;
+}
 
-  #main > header p {
-    border-top: solid 2px #e5e5e5;
-    color: #777;
-    display: inline-block;
-    font-style: normal;
-    margin: 1em 0 0 0;
-    padding: 1em 0 1.25em 0;
-  }
+#main > header p {
+  display: inline-block;
+  margin: 1em 0 0 0;
+  border-top: solid 2px #E5E5E5;
+  padding: 1em 0 1.25em 0;
+  color: #777;
+  font-style: normal;
+}
 
 body.landing #main {
   margin-top: -14em;
@@ -1263,111 +1231,95 @@ body.landing #main {
 /* Footer */
 
 #footer {
-  background: #f0f0f0;
-  padding: 4em 0 6em 0;
+  background: #F0F0F0;
+  padding: 4em 0 6em;
   text-align: center;
 }
 
-  #footer .icons a {
-    transition: opacity 0.2s ease-in-out;
-    opacity: 0.35;
-  }
+#footer .icons a {
+  transition: opacity 0.2s ease-in-out;
+  opacity: 0.35;
+}
 
-  #footer .icons a:hover {
-    opacity: 0.75;
-  }
+#footer .icons a:hover {
+  opacity: 0.75;
+}
 
-  #footer .copyright {
-    color: #999;
-    font-size: 0.9em;
-    line-height: 1em;
-    margin: 2em 0 0 0;
-    padding: 0;
-    text-align: center;
-  }
+#footer .copyright {
+  margin: 2em 0 0;
+  padding: 0;
+  text-align: center;
+  line-height: 1em;
+  color: #999;
+  font-size: 0.9em;
+}
 
-  #footer .copyright a {
-    color: inherit;
-  }
+#footer .copyright a {
+  color: inherit;
+}
 
-  #footer .copyright li {
-    border-left: solid 1px #dddddd;
-    display: inline-block;
-    list-style: none;
-    margin-left: 1em;
-    padding-left: 1em;
-  }
+#footer .copyright li {
+  display: inline-block;
+  margin-left: 1em;
+  border-left: solid 1px #DDD;
+  padding-left: 1em;
+  list-style: none;
+}
 
-  #footer .copyright li:first-child {
-    border-left: 0;
-    margin-left: 0;
-    padding-left: 0;
-  }
+#footer .copyright li:first-child {
+  margin-left: 0;
+  border-left: 0;
+  padding-left: 0;
+}
 
 /* CTA */
 #cta {
-    background: #e89980;
-    color: #f9e5df;
-    padding: 3.5em 0 4em 0;
-    text-align: center;
+  background: #E89980;
+  padding: 3.5em 0 4em;
+  text-align: center;
+  color: #F9E5DF;
 }
 
-  #cta h2, #cta h3, #cta h4, #cta h5, #cta h6 {
-    color: inherit;
-  }
+#cta h2, #cta h3, #cta h4, #cta h5, #cta h6 {
+  color: inherit;
+}
 
-  #cta form {
-    margin: 0 auto;
-    max-width: 100%;
-    width: 25em;
-  }
+#cta form {
+  margin: 0 auto;
+  width: 25em;
+  max-width: 100%;
+}
 
-  #cta input[type="submit"],
-  #cta input[type="reset"],
-  #cta input[type="button"],
-  #cta .button {
-    box-shadow: none;
-    background: #fff;
-    color: #e89980;
-  }
+#cta input[type="submit"],
+#cta input[type="reset"],
+#cta input[type="button"],
+#cta .button {
+  box-shadow: none;
+  background: #FFF;
+  color: #E89980;
+}
 
-  #cta input[type="text"],
-  #cta input[type="password"],
-  #cta input[type="email"],
-  #cta select,
-  #cta textarea {
-    color: #ffffff;
-    background: rgba(255, 255, 255, 0.15);
-    border: 0;
-  }
+#cta input[type="text"],
+#cta input[type="password"],
+#cta input[type="email"],
+#cta select,
+#cta textarea {
+  border: 0;
+  background: rgba(255, 255, 255, 0.15);
+  color: #FFF;
+}
 
-  #cta input[type="text"]:focus,
-  #cta input[type="password"]:focus,
-  #cta input[type="email"]:focus,
-  #cta select:focus,
-  #cta textarea:focus {
-    box-shadow: inset 0 0 0 2px #fff;
-  }
+#cta input[type="text"]:focus,
+#cta input[type="password"]:focus,
+#cta input[type="email"]:focus,
+#cta select:focus,
+#cta textarea:focus {
+  box-shadow: inset 0 0 0 2px #FFF;
+}
 
-  #cta ::-webkit-input-placeholder {
-    color: rgba(255, 255, 255, 0.75) !important;
-  }
-
-  #cta :-moz-placeholder {
-    color: rgba(255, 255, 255, 0.75) !important;
-  }
-
-  #cta ::-moz-placeholder {
-    color: rgba(255, 255, 255, 0.75) !important;
-  }
-
-  #cta :-ms-input-placeholder {
-    color: rgba(255, 255, 255, 0.75) !important;
-  }
-
-  #cta .formerize-placeholder {
-    color: rgba(255, 255, 255, 0.75) !important;
-  }
+#cta .formerize-placeholder {
+  color: rgba(255, 255, 255, 0.75) !important;
+}
 
 /* Wide */
 @media screen and (max-width: 1680px) {
@@ -1379,7 +1331,7 @@ body.landing #main {
 
   /* Banner */
   #banner {
-    padding: 10em 0 18em 0;
+    padding: 10em 0 18em;
   }
 }
 
@@ -1459,13 +1411,13 @@ body.landing #main {
   }
 
   .box .image.featured:first-child {
-    margin-bottom: 3em;
     margin-top: -3em;
+    margin-bottom: 3em;
   }
 
   .box .image.featured:last-child {
-    margin-bottom: -3em;
     margin-top: 3em;
+    margin-bottom: -3em;
   }
 
   /* Header */
@@ -1481,84 +1433,82 @@ body.landing #main {
 
   /* Off-Canvas Navigation */
   #page-wrapper {
-    backface-visibility: hidden;
     transition: transform 0.5s ease;
     padding-bottom: 1px;
+    backface-visibility: hidden;
   }
 
   #navButton {
-    backface-visibility: hidden;
-    transition: transform 0.5s ease;
     display: block;
-    height: 44px;
-    left: 0;
     position: fixed;
     top: 0;
-    width: 100%;
+    left: 0;
+    transition: transform 0.5s ease;
     z-index: 10001;
+    width: 100%;
+    height: 44px;
+    backface-visibility: hidden;
   }
 
   #navButton .toggle {
-    text-decoration: none;
-    height: 100%;
-    left: 0;
     position: absolute;
     top: 0;
-    width: 100%;
-    border: 0;
+    left: 0;
     outline: 0;
+    border: 0;
+    width: 100%;
+    height: 100%;
+    text-decoration: none;
   }
 
-  #navButton .toggle:before {
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
-    font-family: FontAwesome;
-    font-style: normal;
-    font-weight: normal;
+  #navButton .toggle::before {
     text-transform: none !important;
+    font-family: FontAwesome;
+    font-weight: normal;
+    font-style: normal;
   }
 
-  #navButton .toggle:before {
-    background: rgba(192, 192, 192, 0.75);
-    border-radius: 6px;
-    color: #fff;
-    content: '\f0c9';
+  #navButton .toggle::before {
     display: block;
-    font-size: 16px;
-    height: 2.25em;
-    left: 0.5em;
-    line-height: 2.25em;
     position: absolute;
-    text-align: center;
     top: 0.5em;
+    left: 0.5em;
+    border-radius: 6px;
+    background: rgba(192, 192, 192, 0.75);
     width: 3.5em;
+    height: 2.25em;
+    text-align: center;
+    line-height: 2.25em;
+    color: #FFF;
+    font-size: 16px;
+    content: "\f0c9";
   }
 
   #navPanel {
-    backface-visibility: hidden;
-    transform: translateX(-275px);
-    transition: transform 0.5s ease;
     display: block;
-    height: 100%;
-    left: 0;
-    overflow-y: auto;
     position: fixed;
     top: 0;
-    width: 275px;
+    left: 0;
+    transform: translateX(-275px);
+    transition: transform 0.5s ease;
     z-index: 10002;
-    background: #2b2b2b;
-    color: #bbb;
+    background: #2B2B2B;
+    width: 275px;
+    height: 100%;
+    color: #BBB;
+    backface-visibility: hidden;
+    overflow-y: auto;
   }
 
   #navPanel .link {
-    border-bottom: 0;
-    border-top: solid 1px rgba(255, 255, 255, 0.05);
-    color: #bbb;
     display: block;
-    height: 44px;
-    line-height: 44px;
+    border-top: solid 1px rgba(255, 255, 255, 0.05);
+    border-bottom: 0;
     padding: 0 1em 0 1em;
+    height: 44px;
     text-decoration: none;
+    line-height: 44px;
+    color: #BBB;
   }
 
   #navPanel .link:first-child {
@@ -1566,7 +1516,7 @@ body.landing #main {
   }
 
   #navPanel .link.depth-0 {
-    color: #fff;
+    color: #FFF;
   }
 
   #navPanel .link .indent-1 {
@@ -1616,9 +1566,9 @@ body.landing #main {
   }
 
   h2 {
-    font-size: 1.75em;
     line-height: 1.35em;
     letter-spacing: -0.025em;
+    font-size: 1.75em;
   }
 
   h3 {
@@ -1635,15 +1585,15 @@ body.landing #main {
   }
 
   header.major h2, header.major p {
-    padding-left: 0.5em;
     padding-right: 0.5em;
+    padding-left: 0.5em;
   }
 
   /* Box */
   .box {
     margin: 1em;
-    overflow-x: hidden;
     padding: 2em 2em !important;
+    overflow-x: hidden;
   }
 
   .box.features .features-row {
@@ -1652,17 +1602,17 @@ body.landing #main {
   }
 
   .box.features .features-row section {
-    border: 0;
-    border-top: solid 1px #e5e5e5 !important;
     float: none;
     margin: 2em 0 0 0 !important;
+    border: 0;
+    border-top: solid 1px #E5E5E5 !important;
     padding: 2em 0 0 0 !important;
     width: 100%;
   }
 
   .box.features .features-row:first-child section:first-child {
-    border-top: 0 !important;
     margin-top: 0 !important;
+    border-top: 0 !important;
     padding-top: 0 !important;
   }
 
@@ -1672,13 +1622,13 @@ body.landing #main {
   }
 
   .box .image.featured:first-child {
-    margin-bottom: 2em;
     margin-top: -2em;
+    margin-bottom: 2em;
   }
 
   .box .image.featured:last-child {
-    margin-bottom: -2em;
     margin-top: 2em;
+    margin-bottom: -2em;
   }
 
   /* Banner */
@@ -1708,13 +1658,13 @@ body.landing #main {
   }
 
   #main > header p {
-    font-size: 1em;
     padding-bottom: 1em;
+    font-size: 1em;
   }
 
   body.landing #main {
-    padding: 0;
     margin-top: 0;
+    padding: 0;
   }
 
   /* Footer */
@@ -1723,11 +1673,11 @@ body.landing #main {
   }
 
   #footer .copyright li {
-    border-left: 0;
     display: block;
-    line-height: 2em;
     margin-left: 0;
+    border-left: 0;
     padding-left: 0;
+    line-height: 2em;
   }
 }
 
@@ -1750,14 +1700,14 @@ body.landing #main {
 
   /* List */
   ul.actions {
-    margin: 0 0 2em 0;
+    margin: 0 0 2em;
   }
 
   ul.actions li {
     display: block;
-    padding: 1em 0 0 0;
-    text-align: center;
+    padding: 1em 0 0;
     width: 100%;
+    text-align: center;
   }
 
   ul.actions li:first-child {
@@ -1765,16 +1715,16 @@ body.landing #main {
   }
 
   ul.actions li > * {
-    width: 100%;
     margin: 0 !important;
+    width: 100%;
   }
 
-  ul.actions li > *.icon:before {
+  ul.actions li > *.icon::before {
     margin-left: -2em;
   }
 
   ul.actions.small li {
-    padding: 0.5em 0 0 0;
+    padding: 0.5em 0 0;
   }
 
   ul.actions.small li:first-child {
@@ -1783,15 +1733,15 @@ body.landing #main {
 
   /* Box */
   .box {
+    margin: 1em 0 0;
     border-radius: 0;
     box-shadow: none;
-    margin: 1em 0 0 0;
     padding: 3em 1em !important;
   }
 
   .box.features .features-row section {
-    margin: 3em 0 0 0 !important;
-    padding: 3em 0 0 0 !important;
+    margin: 3em 0 0 !important;
+    padding: 3em 0 0 !important;
   }
 
   .box .image.featured {