diff --git a/assets/css/custom.css b/assets/css/custom.css
index 412d5ccfa..76a4cd002 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -189,12 +189,12 @@ th {
 
 html {
   font-size: 10px;
-  -webkit-tap-highlight-color: transparent; }
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 
 body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
-  line-height: 1.42857;
+  line-height: 1.428571429;
   color: #333333;
   background-color: #fff; }
 
@@ -232,7 +232,7 @@ img {
 
 .img-thumbnail {
   padding: 4px;
-  line-height: 1.42857;
+  line-height: 1.428571429;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
@@ -502,7 +502,7 @@ dl {
 
 dt,
 dd {
-  line-height: 1.42857; }
+  line-height: 1.428571429; }
 
 dt {
   font-weight: bold; }
@@ -549,7 +549,7 @@ blockquote {
   blockquote .small {
     display: block;
     font-size: 80%;
-    line-height: 1.42857;
+    line-height: 1.428571429;
     color: #777777; }
     blockquote footer:before,
     blockquote small:before,
@@ -581,7 +581,7 @@ blockquote.pull-right {
 address {
   margin-bottom: 20px;
   font-style: normal;
-  line-height: 1.42857; }
+  line-height: 1.428571429; }
 
 .container {
   margin-right: auto;
@@ -633,37 +633,37 @@ address {
   float: left; }
 
 .col-xs-1 {
-  width: 8.33333%; }
+  width: 8.3333333333%; }
 
 .col-xs-2 {
-  width: 16.66667%; }
+  width: 16.6666666667%; }
 
 .col-xs-3 {
   width: 25%; }
 
 .col-xs-4 {
-  width: 33.33333%; }
+  width: 33.3333333333%; }
 
 .col-xs-5 {
-  width: 41.66667%; }
+  width: 41.6666666667%; }
 
 .col-xs-6 {
   width: 50%; }
 
 .col-xs-7 {
-  width: 58.33333%; }
+  width: 58.3333333333%; }
 
 .col-xs-8 {
-  width: 66.66667%; }
+  width: 66.6666666667%; }
 
 .col-xs-9 {
   width: 75%; }
 
 .col-xs-10 {
-  width: 83.33333%; }
+  width: 83.3333333333%; }
 
 .col-xs-11 {
-  width: 91.66667%; }
+  width: 91.6666666667%; }
 
 .col-xs-12 {
   width: 100%; }
@@ -672,37 +672,37 @@ address {
   right: auto; }
 
 .col-xs-pull-1 {
-  right: 8.33333%; }
+  right: 8.3333333333%; }
 
 .col-xs-pull-2 {
-  right: 16.66667%; }
+  right: 16.6666666667%; }
 
 .col-xs-pull-3 {
   right: 25%; }
 
 .col-xs-pull-4 {
-  right: 33.33333%; }
+  right: 33.3333333333%; }
 
 .col-xs-pull-5 {
-  right: 41.66667%; }
+  right: 41.6666666667%; }
 
 .col-xs-pull-6 {
   right: 50%; }
 
 .col-xs-pull-7 {
-  right: 58.33333%; }
+  right: 58.3333333333%; }
 
 .col-xs-pull-8 {
-  right: 66.66667%; }
+  right: 66.6666666667%; }
 
 .col-xs-pull-9 {
   right: 75%; }
 
 .col-xs-pull-10 {
-  right: 83.33333%; }
+  right: 83.3333333333%; }
 
 .col-xs-pull-11 {
-  right: 91.66667%; }
+  right: 91.6666666667%; }
 
 .col-xs-pull-12 {
   right: 100%; }
@@ -711,37 +711,37 @@ address {
   left: auto; }
 
 .col-xs-push-1 {
-  left: 8.33333%; }
+  left: 8.3333333333%; }
 
 .col-xs-push-2 {
-  left: 16.66667%; }
+  left: 16.6666666667%; }
 
 .col-xs-push-3 {
   left: 25%; }
 
 .col-xs-push-4 {
-  left: 33.33333%; }
+  left: 33.3333333333%; }
 
 .col-xs-push-5 {
-  left: 41.66667%; }
+  left: 41.6666666667%; }
 
 .col-xs-push-6 {
   left: 50%; }
 
 .col-xs-push-7 {
-  left: 58.33333%; }
+  left: 58.3333333333%; }
 
 .col-xs-push-8 {
-  left: 66.66667%; }
+  left: 66.6666666667%; }
 
 .col-xs-push-9 {
   left: 75%; }
 
 .col-xs-push-10 {
-  left: 83.33333%; }
+  left: 83.3333333333%; }
 
 .col-xs-push-11 {
-  left: 91.66667%; }
+  left: 91.6666666667%; }
 
 .col-xs-push-12 {
   left: 100%; }
@@ -750,37 +750,37 @@ address {
   margin-left: 0%; }
 
 .col-xs-offset-1 {
-  margin-left: 8.33333%; }
+  margin-left: 8.3333333333%; }
 
 .col-xs-offset-2 {
-  margin-left: 16.66667%; }
+  margin-left: 16.6666666667%; }
 
 .col-xs-offset-3 {
   margin-left: 25%; }
 
 .col-xs-offset-4 {
-  margin-left: 33.33333%; }
+  margin-left: 33.3333333333%; }
 
 .col-xs-offset-5 {
-  margin-left: 41.66667%; }
+  margin-left: 41.6666666667%; }
 
 .col-xs-offset-6 {
   margin-left: 50%; }
 
 .col-xs-offset-7 {
-  margin-left: 58.33333%; }
+  margin-left: 58.3333333333%; }
 
 .col-xs-offset-8 {
-  margin-left: 66.66667%; }
+  margin-left: 66.6666666667%; }
 
 .col-xs-offset-9 {
   margin-left: 75%; }
 
 .col-xs-offset-10 {
-  margin-left: 83.33333%; }
+  margin-left: 83.3333333333%; }
 
 .col-xs-offset-11 {
-  margin-left: 91.66667%; }
+  margin-left: 91.6666666667%; }
 
 .col-xs-offset-12 {
   margin-left: 100%; }
@@ -790,37 +790,37 @@ address {
     float: left; }
 
   .col-sm-1 {
-    width: 8.33333%; }
+    width: 8.3333333333%; }
 
   .col-sm-2 {
-    width: 16.66667%; }
+    width: 16.6666666667%; }
 
   .col-sm-3 {
     width: 25%; }
 
   .col-sm-4 {
-    width: 33.33333%; }
+    width: 33.3333333333%; }
 
   .col-sm-5 {
-    width: 41.66667%; }
+    width: 41.6666666667%; }
 
   .col-sm-6 {
     width: 50%; }
 
   .col-sm-7 {
-    width: 58.33333%; }
+    width: 58.3333333333%; }
 
   .col-sm-8 {
-    width: 66.66667%; }
+    width: 66.6666666667%; }
 
   .col-sm-9 {
     width: 75%; }
 
   .col-sm-10 {
-    width: 83.33333%; }
+    width: 83.3333333333%; }
 
   .col-sm-11 {
-    width: 91.66667%; }
+    width: 91.6666666667%; }
 
   .col-sm-12 {
     width: 100%; }
@@ -829,37 +829,37 @@ address {
     right: auto; }
 
   .col-sm-pull-1 {
-    right: 8.33333%; }
+    right: 8.3333333333%; }
 
   .col-sm-pull-2 {
-    right: 16.66667%; }
+    right: 16.6666666667%; }
 
   .col-sm-pull-3 {
     right: 25%; }
 
   .col-sm-pull-4 {
-    right: 33.33333%; }
+    right: 33.3333333333%; }
 
   .col-sm-pull-5 {
-    right: 41.66667%; }
+    right: 41.6666666667%; }
 
   .col-sm-pull-6 {
     right: 50%; }
 
   .col-sm-pull-7 {
-    right: 58.33333%; }
+    right: 58.3333333333%; }
 
   .col-sm-pull-8 {
-    right: 66.66667%; }
+    right: 66.6666666667%; }
 
   .col-sm-pull-9 {
     right: 75%; }
 
   .col-sm-pull-10 {
-    right: 83.33333%; }
+    right: 83.3333333333%; }
 
   .col-sm-pull-11 {
-    right: 91.66667%; }
+    right: 91.6666666667%; }
 
   .col-sm-pull-12 {
     right: 100%; }
@@ -868,37 +868,37 @@ address {
     left: auto; }
 
   .col-sm-push-1 {
-    left: 8.33333%; }
+    left: 8.3333333333%; }
 
   .col-sm-push-2 {
-    left: 16.66667%; }
+    left: 16.6666666667%; }
 
   .col-sm-push-3 {
     left: 25%; }
 
   .col-sm-push-4 {
-    left: 33.33333%; }
+    left: 33.3333333333%; }
 
   .col-sm-push-5 {
-    left: 41.66667%; }
+    left: 41.6666666667%; }
 
   .col-sm-push-6 {
     left: 50%; }
 
   .col-sm-push-7 {
-    left: 58.33333%; }
+    left: 58.3333333333%; }
 
   .col-sm-push-8 {
-    left: 66.66667%; }
+    left: 66.6666666667%; }
 
   .col-sm-push-9 {
     left: 75%; }
 
   .col-sm-push-10 {
-    left: 83.33333%; }
+    left: 83.3333333333%; }
 
   .col-sm-push-11 {
-    left: 91.66667%; }
+    left: 91.6666666667%; }
 
   .col-sm-push-12 {
     left: 100%; }
@@ -907,37 +907,37 @@ address {
     margin-left: 0%; }
 
   .col-sm-offset-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333333%; }
 
   .col-sm-offset-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666666667%; }
 
   .col-sm-offset-3 {
     margin-left: 25%; }
 
   .col-sm-offset-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333333%; }
 
   .col-sm-offset-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666666667%; }
 
   .col-sm-offset-6 {
     margin-left: 50%; }
 
   .col-sm-offset-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333333%; }
 
   .col-sm-offset-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666666667%; }
 
   .col-sm-offset-9 {
     margin-left: 75%; }
 
   .col-sm-offset-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333333%; }
 
   .col-sm-offset-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666666667%; }
 
   .col-sm-offset-12 {
     margin-left: 100%; } }
@@ -946,37 +946,37 @@ address {
     float: left; }
 
   .col-md-1 {
-    width: 8.33333%; }
+    width: 8.3333333333%; }
 
   .col-md-2 {
-    width: 16.66667%; }
+    width: 16.6666666667%; }
 
   .col-md-3 {
     width: 25%; }
 
   .col-md-4 {
-    width: 33.33333%; }
+    width: 33.3333333333%; }
 
   .col-md-5 {
-    width: 41.66667%; }
+    width: 41.6666666667%; }
 
   .col-md-6 {
     width: 50%; }
 
   .col-md-7 {
-    width: 58.33333%; }
+    width: 58.3333333333%; }
 
   .col-md-8 {
-    width: 66.66667%; }
+    width: 66.6666666667%; }
 
   .col-md-9 {
     width: 75%; }
 
   .col-md-10 {
-    width: 83.33333%; }
+    width: 83.3333333333%; }
 
   .col-md-11 {
-    width: 91.66667%; }
+    width: 91.6666666667%; }
 
   .col-md-12 {
     width: 100%; }
@@ -985,37 +985,37 @@ address {
     right: auto; }
 
   .col-md-pull-1 {
-    right: 8.33333%; }
+    right: 8.3333333333%; }
 
   .col-md-pull-2 {
-    right: 16.66667%; }
+    right: 16.6666666667%; }
 
   .col-md-pull-3 {
     right: 25%; }
 
   .col-md-pull-4 {
-    right: 33.33333%; }
+    right: 33.3333333333%; }
 
   .col-md-pull-5 {
-    right: 41.66667%; }
+    right: 41.6666666667%; }
 
   .col-md-pull-6 {
     right: 50%; }
 
   .col-md-pull-7 {
-    right: 58.33333%; }
+    right: 58.3333333333%; }
 
   .col-md-pull-8 {
-    right: 66.66667%; }
+    right: 66.6666666667%; }
 
   .col-md-pull-9 {
     right: 75%; }
 
   .col-md-pull-10 {
-    right: 83.33333%; }
+    right: 83.3333333333%; }
 
   .col-md-pull-11 {
-    right: 91.66667%; }
+    right: 91.6666666667%; }
 
   .col-md-pull-12 {
     right: 100%; }
@@ -1024,37 +1024,37 @@ address {
     left: auto; }
 
   .col-md-push-1 {
-    left: 8.33333%; }
+    left: 8.3333333333%; }
 
   .col-md-push-2 {
-    left: 16.66667%; }
+    left: 16.6666666667%; }
 
   .col-md-push-3 {
     left: 25%; }
 
   .col-md-push-4 {
-    left: 33.33333%; }
+    left: 33.3333333333%; }
 
   .col-md-push-5 {
-    left: 41.66667%; }
+    left: 41.6666666667%; }
 
   .col-md-push-6 {
     left: 50%; }
 
   .col-md-push-7 {
-    left: 58.33333%; }
+    left: 58.3333333333%; }
 
   .col-md-push-8 {
-    left: 66.66667%; }
+    left: 66.6666666667%; }
 
   .col-md-push-9 {
     left: 75%; }
 
   .col-md-push-10 {
-    left: 83.33333%; }
+    left: 83.3333333333%; }
 
   .col-md-push-11 {
-    left: 91.66667%; }
+    left: 91.6666666667%; }
 
   .col-md-push-12 {
     left: 100%; }
@@ -1063,37 +1063,37 @@ address {
     margin-left: 0%; }
 
   .col-md-offset-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333333%; }
 
   .col-md-offset-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666666667%; }
 
   .col-md-offset-3 {
     margin-left: 25%; }
 
   .col-md-offset-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333333%; }
 
   .col-md-offset-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666666667%; }
 
   .col-md-offset-6 {
     margin-left: 50%; }
 
   .col-md-offset-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333333%; }
 
   .col-md-offset-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666666667%; }
 
   .col-md-offset-9 {
     margin-left: 75%; }
 
   .col-md-offset-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333333%; }
 
   .col-md-offset-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666666667%; }
 
   .col-md-offset-12 {
     margin-left: 100%; } }
@@ -1102,37 +1102,37 @@ address {
     float: left; }
 
   .col-lg-1 {
-    width: 8.33333%; }
+    width: 8.3333333333%; }
 
   .col-lg-2 {
-    width: 16.66667%; }
+    width: 16.6666666667%; }
 
   .col-lg-3 {
     width: 25%; }
 
   .col-lg-4 {
-    width: 33.33333%; }
+    width: 33.3333333333%; }
 
   .col-lg-5 {
-    width: 41.66667%; }
+    width: 41.6666666667%; }
 
   .col-lg-6 {
     width: 50%; }
 
   .col-lg-7 {
-    width: 58.33333%; }
+    width: 58.3333333333%; }
 
   .col-lg-8 {
-    width: 66.66667%; }
+    width: 66.6666666667%; }
 
   .col-lg-9 {
     width: 75%; }
 
   .col-lg-10 {
-    width: 83.33333%; }
+    width: 83.3333333333%; }
 
   .col-lg-11 {
-    width: 91.66667%; }
+    width: 91.6666666667%; }
 
   .col-lg-12 {
     width: 100%; }
@@ -1141,37 +1141,37 @@ address {
     right: auto; }
 
   .col-lg-pull-1 {
-    right: 8.33333%; }
+    right: 8.3333333333%; }
 
   .col-lg-pull-2 {
-    right: 16.66667%; }
+    right: 16.6666666667%; }
 
   .col-lg-pull-3 {
     right: 25%; }
 
   .col-lg-pull-4 {
-    right: 33.33333%; }
+    right: 33.3333333333%; }
 
   .col-lg-pull-5 {
-    right: 41.66667%; }
+    right: 41.6666666667%; }
 
   .col-lg-pull-6 {
     right: 50%; }
 
   .col-lg-pull-7 {
-    right: 58.33333%; }
+    right: 58.3333333333%; }
 
   .col-lg-pull-8 {
-    right: 66.66667%; }
+    right: 66.6666666667%; }
 
   .col-lg-pull-9 {
     right: 75%; }
 
   .col-lg-pull-10 {
-    right: 83.33333%; }
+    right: 83.3333333333%; }
 
   .col-lg-pull-11 {
-    right: 91.66667%; }
+    right: 91.6666666667%; }
 
   .col-lg-pull-12 {
     right: 100%; }
@@ -1180,37 +1180,37 @@ address {
     left: auto; }
 
   .col-lg-push-1 {
-    left: 8.33333%; }
+    left: 8.3333333333%; }
 
   .col-lg-push-2 {
-    left: 16.66667%; }
+    left: 16.6666666667%; }
 
   .col-lg-push-3 {
     left: 25%; }
 
   .col-lg-push-4 {
-    left: 33.33333%; }
+    left: 33.3333333333%; }
 
   .col-lg-push-5 {
-    left: 41.66667%; }
+    left: 41.6666666667%; }
 
   .col-lg-push-6 {
     left: 50%; }
 
   .col-lg-push-7 {
-    left: 58.33333%; }
+    left: 58.3333333333%; }
 
   .col-lg-push-8 {
-    left: 66.66667%; }
+    left: 66.6666666667%; }
 
   .col-lg-push-9 {
     left: 75%; }
 
   .col-lg-push-10 {
-    left: 83.33333%; }
+    left: 83.3333333333%; }
 
   .col-lg-push-11 {
-    left: 91.66667%; }
+    left: 91.6666666667%; }
 
   .col-lg-push-12 {
     left: 100%; }
@@ -1219,37 +1219,37 @@ address {
     margin-left: 0%; }
 
   .col-lg-offset-1 {
-    margin-left: 8.33333%; }
+    margin-left: 8.3333333333%; }
 
   .col-lg-offset-2 {
-    margin-left: 16.66667%; }
+    margin-left: 16.6666666667%; }
 
   .col-lg-offset-3 {
     margin-left: 25%; }
 
   .col-lg-offset-4 {
-    margin-left: 33.33333%; }
+    margin-left: 33.3333333333%; }
 
   .col-lg-offset-5 {
-    margin-left: 41.66667%; }
+    margin-left: 41.6666666667%; }
 
   .col-lg-offset-6 {
     margin-left: 50%; }
 
   .col-lg-offset-7 {
-    margin-left: 58.33333%; }
+    margin-left: 58.3333333333%; }
 
   .col-lg-offset-8 {
-    margin-left: 66.66667%; }
+    margin-left: 66.6666666667%; }
 
   .col-lg-offset-9 {
     margin-left: 75%; }
 
   .col-lg-offset-10 {
-    margin-left: 83.33333%; }
+    margin-left: 83.3333333333%; }
 
   .col-lg-offset-11 {
-    margin-left: 91.66667%; }
+    margin-left: 91.6666666667%; }
 
   .col-lg-offset-12 {
     margin-left: 100%; } }
@@ -1276,7 +1276,7 @@ th {
   .table > tfoot > tr > th,
   .table > tfoot > tr > td {
     padding: 8px;
-    line-height: 1.42857;
+    line-height: 1.428571429;
     vertical-align: top;
     border-top: 1px solid #ddd; }
   .table > thead > tr > th {
@@ -1466,7 +1466,7 @@ table th[class*="col-"] {
   white-space: nowrap;
   padding: 6px 12px;
   font-size: 14px;
-  line-height: 1.42857;
+  line-height: 1.428571429;
   border-radius: 4px;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -1688,7 +1688,7 @@ a.btn.disabled, fieldset[disabled] a.btn {
 .btn-lg {
   padding: 10px 16px;
   font-size: 18px;
-  line-height: 1.33333;
+  line-height: 1.3333333;
   border-radius: 6px; }
 
 .btn-sm {
@@ -1759,7 +1759,7 @@ input[type="button"].btn-block {
     margin-bottom: -1px; }
     .nav-tabs > li > a {
       margin-right: 2px;
-      line-height: 1.42857;
+      line-height: 1.428571429;
       border: 1px solid transparent;
       border-radius: 4px 4px 0 0; }
       .nav-tabs > li > a:hover {
@@ -1953,7 +1953,7 @@ input[type="button"].btn-block {
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
-  background-color: transparent; }
+  background-color: rgba(0, 0, 0, 0); }
   .carousel-control.left {
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
@@ -2022,7 +2022,7 @@ input[type="button"].btn-block {
     border-radius: 10px;
     cursor: pointer;
     background-color: #000 \9;
-    background-color: transparent; }
+    background-color: rgba(0, 0, 0, 0); }
   .carousel-indicators .active {
     margin: 0;
     width: 12px;
@@ -3452,7 +3452,7 @@ template, [hidden] {
 .jumbotron--heading-1 {
   padding-top: 0;
   color: white !important;
-  font-size: 3.79688em !important;
+  font-size: 3.796875em !important;
   line-height: 120%;
   font-weight: 500; }
   @media (max-width: 768px) {
@@ -3473,7 +3473,7 @@ template, [hidden] {
   margin: 0 auto;
   text-align: center; }
 .section--heading-1 {
-  font-size: 3.79688em;
+  font-size: 3.796875em;
   font-weight: 300;
   line-height: 1.2;
   margin: 0;
diff --git a/assets/css/legacy-fixes.css b/assets/css/legacy-fixes.css
index 34395c905..a42d297e8 100644
--- a/assets/css/legacy-fixes.css
+++ b/assets/css/legacy-fixes.css
@@ -1,2 +1,25 @@
-html{margin-top:0 !important}footer p{padding:0 !important;padding-top:20px !important}.navbar:not(.scrolled) .btn-primary{border-color:white}@media (max-width: 1200px){.Header-Navigation .navbar .overlay-menu ul .btn-primary a{padding:0 !important}}
+/*Colors*/
+/*Shadows*/
+/*Breakpoints*/
+/**
+ * This file contains fixes for legacy pages
+ */
+html {
+  margin-top: 0 !important; }
+
+footer p {
+  padding: 0 !important;
+  padding-top: 20px !important; }
+
+.navbar:not(.scrolled) .btn-primary {
+  border-color: white; }
+
+.Header-Navigation .navbar .overlay-menu ul .btn-primary a {
+  /*   width: 169px; */
+  /*   height: 52px; */
+  /*   bottom: 4px; */ }
+  @media (max-width: 1200px) {
+    .Header-Navigation .navbar .overlay-menu ul .btn-primary a {
+      padding: 0 !important; } }
+
 /*# sourceMappingURL=legacy-fixes.css.map */
diff --git a/assets/css/modules/code.css b/assets/css/modules/code.css
index 96f8b2809..50d4ffc03 100644
--- a/assets/css/modules/code.css
+++ b/assets/css/modules/code.css
@@ -1,2 +1,54 @@
-.hljs{display:block;overflow-x:auto;padding:0.5em;background:#fff}.hljs,.hljs-subst{color:#000}.hljs-string,.hljs-meta,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-addition{color:#756bb1}.hljs-comment,.hljs-quote{color:#636363}.hljs-number,.hljs-regexp,.hljs-literal,.hljs-bullet,.hljs-link{color:#31a354}.hljs-deletion,.hljs-variable{color:#88f}.hljs-keyword,.hljs-selector-tag,.hljs-title,.hljs-section,.hljs-built_in,.hljs-doctag,.hljs-type,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-strong{color:#3182bd}.hljs-emphasis{font-style:italic}.hljs-attribute{color:#e6550d}
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #fff; }
+
+.hljs,
+.hljs-subst {
+  color: #000; }
+
+.hljs-string,
+.hljs-meta,
+.hljs-symbol,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition {
+  color: #756bb1; }
+
+.hljs-comment,
+.hljs-quote {
+  color: #636363; }
+
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-bullet,
+.hljs-link {
+  color: #31a354; }
+
+.hljs-deletion,
+.hljs-variable {
+  color: #88f; }
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-title,
+.hljs-section,
+.hljs-built_in,
+.hljs-doctag,
+.hljs-type,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-strong {
+  color: #3182bd; }
+
+.hljs-emphasis {
+  font-style: italic; }
+
+.hljs-attribute {
+  color: #e6550d; }
+
 /*# sourceMappingURL=code.css.map */
diff --git a/assets/css/modules/header.css b/assets/css/modules/header.css
index abe46522e..ed5ef24e8 100644
--- a/assets/css/modules/header.css
+++ b/assets/css/modules/header.css
@@ -198,9 +198,28 @@ nav a {
             white-space: nowrap; }
             .nav .container .nav__sections .nav__section .nav__links .nav__item a {
               display: block;
-              padding: 5px 10px 0 10px;
+              padding: 5px 10px 0 0px;
               font-size: 16px;
               color: #555; }
+              .nav .container .nav__sections .nav__section .nav__links .nav__item a .nav__logo {
+                width: 45px;
+                min-height: 15px;
+                float: left;
+                vertical-align: middle; }
+                .nav .container .nav__sections .nav__section .nav__links .nav__item a .nav__logo img {
+                  margin-top: 5px;
+                  padding: 10px 8px 0 0;
+                  height: 40px;
+                  width: 40px; }
+              .nav .container .nav__sections .nav__section .nav__links .nav__item a .nav__text {
+                line-height: 1;
+                padding: 10px 30px 10px 0; }
+                .nav .container .nav__sections .nav__section .nav__links .nav__item a .nav__text strong {
+                  line-height: 1.2;
+                  font-weight: normal;
+                  font-size: 18px; }
+                .nav .container .nav__sections .nav__section .nav__links .nav__item a .nav__text small {
+                  opacity: 0.8; }
               .nav .container .nav__sections .nav__section .nav__links .nav__item a:hover {
                 opacity: 0.6;
                 text-decoration: none; }
diff --git a/assets/css/modules/no-js.css b/assets/css/modules/no-js.css
index a3968fcc9..d873cd308 100644
--- a/assets/css/modules/no-js.css
+++ b/assets/css/modules/no-js.css
@@ -1,2 +1,23 @@
-.no-js body nav{opacity:1 !important}.no-js body nav .container .brand .logo:not(.scrolled):not(.menu-open){background:url(../img/logo/logo_white_sprite.png) 0 0 no-repeat;background-position-x:-4620px}.no-js body nav .container .nav__sections .nav__section .nav__links{background-color:white}.no-js body nav .container .nav__sections .nav__section .nav__links .nav__item a{display:block;padding:5px 10px 0 10px;font-size:16px}.no-js body .revealOnScroll{opacity:1}.no-js body .toptext{opacity:1}.no-js body .topbanner{opacity:1}.no-js body .background{opacity:1 !important}.no-js body .background .topheader{opacity:1}
+.no-js body nav {
+  opacity: 1 !important; }
+  .no-js body nav .container .brand .logo:not(.scrolled):not(.menu-open) {
+    background: url(../img/logo/logo_white_sprite.png) 0 0 no-repeat;
+    background-position-x: -4620px; }
+  .no-js body nav .container .nav__sections .nav__section .nav__links {
+    background-color: white; }
+    .no-js body nav .container .nav__sections .nav__section .nav__links .nav__item a {
+      display: block;
+      padding: 5px 10px 0 10px;
+      font-size: 16px; }
+.no-js body .revealOnScroll {
+  opacity: 1; }
+.no-js body .toptext {
+  opacity: 1; }
+.no-js body .topbanner {
+  opacity: 1; }
+.no-js body .background {
+  opacity: 1 !important; }
+.no-js body .background .topheader {
+  opacity: 1; }
+
 /*# sourceMappingURL=no-js.css.map */
diff --git a/assets/css/modules/normalize.css b/assets/css/modules/normalize.css
index 3d5713212..de15937d2 100644
--- a/assets/css/modules/normalize.css
+++ b/assets/css/modules/normalize.css
@@ -1,2 +1,370 @@
-/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template,[hidden]{display:none}
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
+ */
+/* Document
+   ========================================================================== */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  line-height: 1.15;
+  /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
+  -webkit-text-size-adjust: 100%;
+  /* 3 */ }
+
+/* Sections
+   ========================================================================== */
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+body {
+  margin: 0; }
+
+/**
+ * Add the correct display in IE 9-.
+ */
+article, aside, footer, header, nav, section {
+  display: block; }
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/* Grouping content
+   ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+figcaption, figure, main {
+  /* 1 */
+  display: block; }
+
+/**
+ * Add the correct margin in IE 8.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  box-sizing: content-box;
+  /* 1 */
+  height: 0;
+  /* 1 */
+  overflow: visible;
+  /* 2 */ }
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */ }
+
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+a {
+  background-color: transparent;
+  /* 1 */
+  -webkit-text-decoration-skip: objects;
+  /* 2 */ }
+
+a:active, a:hover {
+  outline-width: 0; }
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: none;
+  /* 1 */
+  text-decoration: underline;
+  /* 2 */
+  text-decoration: underline dotted;
+  /* 2 */ }
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+b, strong {
+  font-weight: inherit; }
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b, strong {
+  font-weight: bolder; }
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code, kbd, samp {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */ }
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+mark {
+  background-color: #ff0;
+  color: #000; }
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -0.25em; }
+
+sup {
+  top: -0.5em; }
+
+/* Embedded content
+   ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ */
+audio, video {
+  display: inline-block; }
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+img {
+  border-style: none; }
+
+/**
+ * Hide the overflow in IE.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Forms
+   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button, input, optgroup, select, textarea {
+  font-family: sans-serif;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  line-height: 1.15;
+  /* 1 */
+  margin: 0;
+  /* 2 */ }
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button, input {
+  /* 1 */
+  overflow: visible; }
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button, select {
+  /* 1 */
+  text-transform: none; }
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+button, html [type="button"], [type="reset"], [type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */ }
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0; }
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText; }
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  box-sizing: border-box;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  display: table;
+  /* 1 */
+  max-width: 100%;
+  /* 1 */
+  padding: 0;
+  /* 3 */
+  white-space: normal;
+  /* 1 */ }
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+[type="checkbox"], [type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */ }
+
+[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */ }
+
+/* Interactive
+   ========================================================================== */
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+details, menu {
+  display: block; }
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+  display: list-item; }
+
+/* Scripting
+   ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ */
+canvas {
+  display: inline-block; }
+
+/**
+ * Add the correct display in IE.
+ */
+template, [hidden] {
+  display: none; }
+
+/* Hidden
+   ========================================================================== */
+/**
+ * Add the correct display in IE 10-.
+ */
+
 /*# sourceMappingURL=normalize.css.map */
diff --git a/assets/css/modules/secondmenu.css b/assets/css/modules/secondmenu.css
index d52684899..39d320c98 100644
--- a/assets/css/modules/secondmenu.css
+++ b/assets/css/modules/secondmenu.css
@@ -1,2 +1,59 @@
-.second-menu .menu{background:#fbfbfb;border-top:solid 1px #e4e4e4;text-transform:capitalize;vertical-align:middle;z-index:2;transform:translateZ(0);will-change:transform;transition:transform 500ms ease;transform:translate3d(0px, 0px, 0px);opacity:0}.second-menu .menu.hidedPrincipalNavigation{transform:translate3d(0px, -100px, 0px)}.second-menu .menu .buttons{text-transform:uppercase;font-size:14px;font-weight:600;padding:40px 0 30px 0;border-bottom:solid 1px #e4e4e4}@media (max-width: 991px){.second-menu .menu .buttons{padding:30px 0 25px 0}}@media (max-width: 991px){.second-menu .menu .buttons a:not(.btn){display:none}}.second-menu .menu .buttons a{padding-right:10px;color:#333;transition:all 0.3s ease;letter-spacing:1px}.second-menu .menu .buttons a:focus{text-decoration:none;color:black}.second-menu .menu .buttons a.active{text-decoration:none;color:#0082c9}.second-menu .menu .buttons a:hover{text-decoration:none;color:#0082c9}.second-menu .menu .buttons .btn-primary{float:right;font-size:14px;padding:8px 20px;margin-left:20px;margin-top:-5px;color:white}@media (max-width: 768px){.second-menu .menu .buttons .btn-primary{margin-top:10px}}.second-menu .menu .buttons .btn-primary:hover{text-decoration:none;color:white}.second-menu .menu .buttons .btn-primary:before{background:none}
+/*Colors*/
+/*Shadows*/
+/*Breakpoints*/
+.second-menu .menu {
+  background: #fbfbfb;
+  border-top: solid 1px #e4e4e4;
+  text-transform: capitalize;
+  vertical-align: middle;
+  z-index: 2;
+  transform: translateZ(0);
+  will-change: transform;
+  transition: transform 500ms ease;
+  transform: translate3d(0px, 0px, 0px);
+  opacity: 0; }
+  .second-menu .menu.hidedPrincipalNavigation {
+    transform: translate3d(0px, -100px, 0px); }
+  .second-menu .menu .buttons {
+    text-transform: uppercase;
+    font-size: 14px;
+    font-weight: 600;
+    padding: 40px 0 30px 0;
+    border-bottom: solid 1px #e4e4e4; }
+    @media (max-width: 991px) {
+      .second-menu .menu .buttons {
+        padding: 30px 0 25px 0; } }
+    @media (max-width: 991px) {
+      .second-menu .menu .buttons a:not(.btn) {
+        display: none; } }
+    .second-menu .menu .buttons a {
+      padding-right: 10px;
+      color: #333333;
+      transition: all 0.3s ease;
+      letter-spacing: 1px; }
+      .second-menu .menu .buttons a:focus {
+        text-decoration: none;
+        color: black; }
+      .second-menu .menu .buttons a.active {
+        text-decoration: none;
+        color: #0082c9; }
+      .second-menu .menu .buttons a:hover {
+        text-decoration: none;
+        color: #0082c9; }
+    .second-menu .menu .buttons .btn-primary {
+      float: right;
+      font-size: 14px;
+      padding: 8px 20px;
+      margin-left: 20px;
+      margin-top: -5px;
+      color: white; }
+      @media (max-width: 768px) {
+        .second-menu .menu .buttons .btn-primary {
+          margin-top: 10px; } }
+      .second-menu .menu .buttons .btn-primary:hover {
+        text-decoration: none;
+        color: white; }
+      .second-menu .menu .buttons .btn-primary:before {
+        background: none; }
+
 /*# sourceMappingURL=secondmenu.css.map */
diff --git a/assets/css/modules/slideshow.css b/assets/css/modules/slideshow.css
index 4134ce544..0c59cbc13 100644
--- a/assets/css/modules/slideshow.css
+++ b/assets/css/modules/slideshow.css
@@ -1,2 +1,259 @@
-.slideshow{background-color:transparent;height:100%;overflow:hidden;padding:130px 0;position:relative}@media (max-width: 991px){.slideshow{padding:0}}.slideshow .section--heading-1{margin:auto 0;position:absolute;text-align:center;width:100%}@media (max-width: 991px){.slideshow .section--heading-1{padding-top:130px;position:relative}}.slideshow .container .container-image-center{padding:calc((100vh - 435px) /2) 0}@media (max-width: 1400px){.slideshow .container .container-image-center{padding:calc((100vh - 315px) /2) 0}}@media (max-width: 991px){.slideshow .container .container-image-center{margin-left:-13px;padding:50px 0 203px}}@media (max-width: 768px){.slideshow .container .container-image-center{padding-bottom:260px}}@media (max-width: 600px){.slideshow .container .container-image-center{padding-bottom:180px}}@media (max-width: 340px){.slideshow .container .container-image-center{padding-bottom:130px}}.slideshow .container .container-image-center .image-back{height:440px;position:absolute}@media (max-width: 1200px){.slideshow .container .container-image-center .image-back{height:auto;width:100%}}.slideshow .container .container-image-center .image-top-container{height:318px;left:17px;overflow:hidden;position:relative;top:17px;width:507px;z-index:1}.slideshow .container .container-image-center .image-top-container .image-top{position:absolute;width:100%;top:0;transition:all ease-in 0.3s}.slideshow .container .container-image-center .image-top-container .image-top.image__desktop{left:0 !important}.slideshow .container .container-image-center .image-top-container .image-top.image__mobile{top:0 !important}@media (max-width: 991px){.slideshow .container .container-image-center .image-top-container .image-top{width:auto;height:100%;max-width:none}}.slideshow .container .texts-wrapper{height:100vh}@media (max-width: 991px){.slideshow .container .texts-wrapper{height:auto;padding-bottom:80px}}.slideshow .container .texts-wrapper .right-text-grey{margin-top:calc((100vh - 266px) /2);padding-bottom:calc((100vh - 236px) /2);opacity:1;padding-top:0;transition:all 0.3s ease}.slideshow .container .texts-wrapper .right-text-grey .textTrigger{font-size:18px}.slideshow .container .texts-wrapper .right-text-grey .section--paragraph{font-size:16px !important;font-weight:400 !important;color:#6c6c6c}@media (max-width: 991px){.slideshow .container .texts-wrapper .right-text-grey{margin-top:0;padding-bottom:0;text-align:left;display:none;opacity:0}.slideshow .container .texts-wrapper .right-text-grey.active{display:block;opacity:1;transform:translate3d(0px, 0px, 0px)}.slideshow .container .texts-wrapper .right-text-grey.swiperight{transform:translate3d(-150px, 0px, 0px);opacity:0}.slideshow .container .texts-wrapper .right-text-grey.swipeleft{transform:translate3d(150px, 0px, 0px);opacity:0}}.slideshow .indicators{-webkit-transition:all .5s;transition:all .5s;opacity:0;position:fixed;z-index:2;bottom:50vh;right:0}@media (max-width: 991px){.slideshow .indicators{position:absolute;bottom:0;margin-left:auto;margin-right:auto;left:0;right:0;top:600px;width:70px}}.slideshow .indicators .btn_carousel{margin-top:10px;width:14px;height:14px;color:transparent;border:1px solid #0082c9;background-color:#0082c9;border-radius:50%;padding:0;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}@media (max-width: 991px){.slideshow .indicators .btn_carousel{display:inline-block}}.slideshow .indicators .btn_carousel:hover{background-color:transparent;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.slideshow .indicators .btn_carousel a{text-decoration:none;display:block;width:100%;height:100%;position:absolute;top:0}.slideshow .indicators .btn_carousel.active{background-color:transparent;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.slideshow .indicators .btn_carousel.active a{background-color:transparent;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.slideshow .active{opacity:1}@media (max-width: 768px){.slideshow-mobile .text-container{padding-top:80px}.slideshow-mobile .carousel-control{display:none}.slideshow-mobile .carousel-indicators{top:320px;z-index:1}.slideshow-mobile .carousel-indicators li{width:28px;height:28px;color:transparent;border:2px solid #0082c9;background-color:#0082c9;border-radius:50%;padding:0;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.slideshow-mobile .carousel-indicators li.active{box-shadow:none;background-color:transparent;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.slideshow-mobile{background:-webkit-linear-gradient(#fff 0%, #f6f6f6 150px);background:-o-linear-gradient(#fff 0%, #f6f6f6 150px);background:linear-gradient(#fff 0%, #f6f6f6 150px);padding-top:50px;padding-bottom:50px;padding-left:10px;padding-right:10px;height:600px}@media (min-width: 1200px){.slideshow-mobile{display:none}}@media (max-width: 768px){.slideshow-mobile{height:800px}.slideshow-mobile img{max-height:400px;width:auto;margin-left:auto;margin-right:auto}}.slideshow-mobile .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.slideshow-mobile .carousel-fade .carousel-inner .active{opacity:1}.slideshow-mobile .carousel-fade .carousel-inner .active.left,.slideshow-mobile .carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}.slideshow-mobile .carousel-fade .carousel-inner .next.left,.slideshow-mobile .carousel-fade .carousel-inner .prev.right{opacity:1}.slideshow-mobile .carousel-fade .carousel-control{z-index:2;position:absolute;top:45%;width:40px;height:40px;color:#fff;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}@media (max-width: 768px){.slideshow-mobile .carousel-fade .carousel-control{top:20%}}.slideshow-mobile .carousel-fade .carousel-control .glyphicon{margin:-15px;font-size:30px}.slideshow-mobile .carousel-fade .carousel-indicators li{box-shadow:0px 0px 3px grey;margin:7px}.slideshow-mobile html,.slideshow-mobile body,.slideshow-mobile .carousel,.slideshow-mobile .carousel-inner,.slideshow-mobile .carousel-inner .item{height:100%}@media (max-width: 1200px){.texts-wrapper .col-md-6{padding-left:60px !important}}
+/*Colors*/
+/*Shadows*/
+/*Breakpoints*/
+.slideshow {
+  background-color: transparent;
+  height: 100%;
+  overflow: hidden;
+  padding: 130px 0;
+  position: relative; }
+  @media (max-width: 991px) {
+    .slideshow {
+      padding: 0; } }
+  .slideshow .section--heading-1 {
+    margin: auto 0;
+    position: absolute;
+    text-align: center;
+    width: 100%; }
+    @media (max-width: 991px) {
+      .slideshow .section--heading-1 {
+        padding-top: 130px;
+        position: relative; } }
+  .slideshow .container .container-image-center {
+    padding: calc((100vh - 435px) /2) 0; }
+    @media (max-width: 1400px) {
+      .slideshow .container .container-image-center {
+        padding: calc((100vh - 315px) /2) 0; } }
+    @media (max-width: 991px) {
+      .slideshow .container .container-image-center {
+        margin-left: -13px;
+        padding: 50px 0 203px; } }
+    @media (max-width: 768px) {
+      .slideshow .container .container-image-center {
+        padding-bottom: 260px; } }
+    @media (max-width: 600px) {
+      .slideshow .container .container-image-center {
+        padding-bottom: 180px; } }
+    @media (max-width: 340px) {
+      .slideshow .container .container-image-center {
+        padding-bottom: 130px; } }
+    .slideshow .container .container-image-center .image-back {
+      height: 440px;
+      position: absolute; }
+      @media (max-width: 1200px) {
+        .slideshow .container .container-image-center .image-back {
+          height: auto;
+          width: 100%; } }
+    .slideshow .container .container-image-center .image-top-container {
+      height: 318px;
+      left: 17px;
+      overflow: hidden;
+      position: relative;
+      top: 17px;
+      width: 507px;
+      z-index: 1; }
+      .slideshow .container .container-image-center .image-top-container .image-top {
+        position: absolute;
+        width: 100%;
+        top: 0;
+        transition: all ease-in 0.3s; }
+        .slideshow .container .container-image-center .image-top-container .image-top.image__desktop {
+          left: 0 !important; }
+        .slideshow .container .container-image-center .image-top-container .image-top.image__mobile {
+          top: 0 !important; }
+        @media (max-width: 991px) {
+          .slideshow .container .container-image-center .image-top-container .image-top {
+            width: auto;
+            height: 100%;
+            max-width: none; } }
+  .slideshow .container .texts-wrapper {
+    height: 100vh; }
+    @media (max-width: 991px) {
+      .slideshow .container .texts-wrapper {
+        height: auto;
+        padding-bottom: 80px; } }
+    .slideshow .container .texts-wrapper .right-text-grey {
+      margin-top: calc((100vh - 266px) /2);
+      padding-bottom: calc((100vh - 236px) /2);
+      opacity: 1;
+      padding-top: 0;
+      transition: all 0.3s ease; }
+      .slideshow .container .texts-wrapper .right-text-grey .textTrigger {
+        font-size: 18px; }
+      .slideshow .container .texts-wrapper .right-text-grey .section--paragraph {
+        font-size: 16px !important;
+        font-weight: 400 !important;
+        color: #6c6c6c; }
+      @media (max-width: 991px) {
+        .slideshow .container .texts-wrapper .right-text-grey {
+          margin-top: 0;
+          padding-bottom: 0;
+          text-align: left;
+          display: none;
+          opacity: 0; }
+          .slideshow .container .texts-wrapper .right-text-grey.active {
+            display: block;
+            opacity: 1;
+            transform: translate3d(0px, 0px, 0px); }
+          .slideshow .container .texts-wrapper .right-text-grey.swiperight {
+            transform: translate3d(-150px, 0px, 0px);
+            opacity: 0; }
+          .slideshow .container .texts-wrapper .right-text-grey.swipeleft {
+            transform: translate3d(150px, 0px, 0px);
+            opacity: 0; } }
+  .slideshow .indicators {
+    -webkit-transition: all .5s;
+    transition: all .5s;
+    opacity: 0;
+    position: fixed;
+    z-index: 2;
+    bottom: 50vh;
+    right: 0; }
+    @media (max-width: 991px) {
+      .slideshow .indicators {
+        position: absolute;
+        bottom: 0;
+        margin-left: auto;
+        margin-right: auto;
+        left: 0;
+        right: 0;
+        top: 600px;
+        width: 70px; } }
+    .slideshow .indicators .btn_carousel {
+      margin-top: 10px;
+      width: 14px;
+      height: 14px;
+      color: transparent;
+      border: 1px solid #0082c9;
+      background-color: #0082c9;
+      border-radius: 50%;
+      padding: 0;
+      -webkit-transform: scale(0.5);
+      -ms-transform: scale(0.5);
+      transform: scale(0.5);
+      -webkit-transition: all 250ms ease-in-out;
+      transition: all 250ms ease-in-out; }
+      @media (max-width: 991px) {
+        .slideshow .indicators .btn_carousel {
+          display: inline-block; } }
+      .slideshow .indicators .btn_carousel:hover {
+        background-color: transparent;
+        -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+        transform: scale(1); }
+      .slideshow .indicators .btn_carousel a {
+        text-decoration: none;
+        display: block;
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0; }
+    .slideshow .indicators .btn_carousel.active {
+      background-color: transparent;
+      -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+      transform: scale(1); }
+      .slideshow .indicators .btn_carousel.active a {
+        background-color: transparent;
+        -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+        transform: scale(1); }
+  .slideshow .active {
+    opacity: 1; }
+
+@media (max-width: 768px) {
+  .slideshow-mobile .text-container {
+    padding-top: 80px; }
+  .slideshow-mobile .carousel-control {
+    display: none; }
+  .slideshow-mobile .carousel-indicators {
+    top: 320px;
+    z-index: 1; }
+    .slideshow-mobile .carousel-indicators li {
+      width: 28px;
+      height: 28px;
+      color: transparent;
+      border: 2px solid #0082c9;
+      background-color: #0082c9;
+      border-radius: 50%;
+      padding: 0;
+      -webkit-transform: scale(0.5);
+      -ms-transform: scale(0.5);
+      transform: scale(0.5);
+      -webkit-transition: all 250ms ease-in-out;
+      transition: all 250ms ease-in-out; }
+      .slideshow-mobile .carousel-indicators li.active {
+        box-shadow: none;
+        background-color: transparent;
+        -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+        transform: scale(1); } }
+.slideshow-mobile {
+  /*  hide on non-mobile */
+  background: -webkit-linear-gradient(#fff 0%, #f6f6f6 150px);
+  background: -o-linear-gradient(#fff 0%, #f6f6f6 150px);
+  background: linear-gradient(#fff 0%, #f6f6f6 150px);
+  padding-top: 50px;
+  padding-bottom: 50px;
+  padding-left: 10px;
+  padding-right: 10px;
+  height: 600px; }
+  @media (min-width: 1200px) {
+    .slideshow-mobile {
+      display: none; } }
+  @media (max-width: 768px) {
+    .slideshow-mobile {
+      height: 800px; }
+      .slideshow-mobile img {
+        max-height: 400px;
+        width: auto;
+        margin-left: auto;
+        margin-right: auto; } }
+  .slideshow-mobile .carousel-fade .carousel-inner .item {
+    opacity: 0;
+    -webkit-transition-property: opacity;
+    -moz-transition-property: opacity;
+    -o-transition-property: opacity;
+    transition-property: opacity; }
+  .slideshow-mobile .carousel-fade .carousel-inner .active {
+    opacity: 1; }
+  .slideshow-mobile .carousel-fade .carousel-inner .active.left,
+  .slideshow-mobile .carousel-fade .carousel-inner .active.right {
+    left: 0;
+    opacity: 0;
+    z-index: 1; }
+  .slideshow-mobile .carousel-fade .carousel-inner .next.left,
+  .slideshow-mobile .carousel-fade .carousel-inner .prev.right {
+    opacity: 1; }
+  .slideshow-mobile .carousel-fade .carousel-control {
+    z-index: 2;
+    position: absolute;
+    top: 45%;
+    width: 40px;
+    height: 40px;
+    color: #fff;
+    background: #222;
+    border: 3px solid #fff;
+    -webkit-border-radius: 23px;
+    -moz-border-radius: 23px;
+    border-radius: 23px;
+    opacity: .5;
+    filter: alpha(opacity=50); }
+    @media (max-width: 768px) {
+      .slideshow-mobile .carousel-fade .carousel-control {
+        top: 20%; } }
+    .slideshow-mobile .carousel-fade .carousel-control .glyphicon {
+      /*        margin-top: -15px; */
+      margin: -15px;
+      font-size: 30px; }
+  .slideshow-mobile .carousel-fade .carousel-indicators li {
+    box-shadow: 0px 0px 3px grey;
+    margin: 7px; }
+  .slideshow-mobile html, .slideshow-mobile body, .slideshow-mobile .carousel, .slideshow-mobile .carousel-inner, .slideshow-mobile .carousel-inner .item {
+    height: 100%; }
+
+@media (max-width: 1200px) {
+  .texts-wrapper .col-md-6 {
+    padding-left: 60px !important; } }
+
 /*# sourceMappingURL=slideshow.css.map */
diff --git a/assets/css/modules/transparent-gradient.css b/assets/css/modules/transparent-gradient.css
index 75d1c8d48..aa22c790f 100644
--- a/assets/css/modules/transparent-gradient.css
+++ b/assets/css/modules/transparent-gradient.css
@@ -1,2 +1,12 @@
-.nav:not(.scrolled){background:-moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, transparent 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, transparent 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 )}
+/* gradient behind transparent nav */
+.nav:not(.scrolled) {
+  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
+  /* FF3.6-15 */
+  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
+  /* Chrome10-25,Safari5.1-6 */
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
+  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
+  /* IE6-9 */ }
+
 /*# sourceMappingURL=transparent-gradient.css.map */
diff --git a/assets/css/modules/transparent-navbar.css b/assets/css/modules/transparent-navbar.css
index 78075a0bc..912c9a581 100644
--- a/assets/css/modules/transparent-navbar.css
+++ b/assets/css/modules/transparent-navbar.css
@@ -1,2 +1,6 @@
-.nav:not(.scrolled){background-color:transparent;position:absolute}
+/* Make Navbar transparent */
+.nav:not(.scrolled) {
+  background-color: transparent;
+  position: absolute; }
+
 /*# sourceMappingURL=transparent-navbar.css.map */
diff --git a/assets/css/modules/typography.css b/assets/css/modules/typography.css
index ea33c4f61..b4de30335 100644
--- a/assets/css/modules/typography.css
+++ b/assets/css/modules/typography.css
@@ -1,2 +1,109 @@
-.jumbotron--heading-1{padding-top:0;color:white !important;font-size:3.79688em !important;line-height:120%;font-weight:500}@media (max-width: 768px){.jumbotron--heading-1{font-size:34px !important;line-height:1 !important;margin-top:0}}.jumbotron--lead{font-size:1.125em;color:white;line-height:1.6;font-weight:500}@media (max-width 768px){.jumbotron--lead{font-size:16px}}.section--text--center{margin:0 auto;text-align:center}.section--heading-1{font-size:3.79688em;font-weight:300;line-height:1.2;margin:0;color:#333}@media (max-width: 768px){.section--heading-1{font-size:2.53125em;line-height:1;margin-top:0}}.section--heading-2{font-size:2.53125em;font-weight:300;color:#333}@media (max-width: 768px){.section--heading-2{font-size:2.53125em;line-height:1.2;margin-top:0}}.section--intro{font-size:22px;font-weight:300}.section--paragraph__tittle{font-size:22px;line-height:30px;font-weight:600;color:#2a2a36}.section--paragraph{font-size:1.125em;font-weight:400;line-height:1.5;color:#6c6c6c}.hyperlink{color:#a2a2a2;text-decoration:none;font-weight:500;border-bottom:solid 1px;transition:all 0.5s ease;text-decoration:none}.hyperlink:hover{text-decoration:none;color:#2a2a36}h1{margin-bottom:10px;font-size:60px;line-height:120%;color:#555;font-weight:500}h2{font-size:60px;font-weight:300;color:#555;line-height:1.5;margin-bottom:12px}h3{font-size:22px;font-weight:300;line-height:1.5;color:#555}h4{font-size:18px;font-weight:bold;line-height:1.36;color:#555;margin-bottom:20px}h5{font-size:17px;font-weight:bold;line-height:1.5;color:#555}.text-center{margin:0 auto;text-align:center}
+/*Colors*/
+/*Shadows*/
+/*Breakpoints*/
+.jumbotron--heading-1 {
+  padding-top: 0;
+  color: white !important;
+  font-size: 3.796875em !important;
+  line-height: 120%;
+  font-weight: 500; }
+  @media (max-width: 768px) {
+    .jumbotron--heading-1 {
+      font-size: 34px !important;
+      line-height: 1 !important;
+      margin-top: 0; } }
+.jumbotron--lead {
+  font-size: 1.125em;
+  color: white;
+  line-height: 1.6;
+  font-weight: 500; }
+  @media (max-width 768px) {
+    .jumbotron--lead {
+      font-size: 16px; } }
+
+.section--text--center {
+  margin: 0 auto;
+  text-align: center; }
+.section--heading-1 {
+  font-size: 3.796875em;
+  font-weight: 300;
+  line-height: 1.2;
+  margin: 0;
+  color: #333333; }
+  @media (max-width: 768px) {
+    .section--heading-1 {
+      font-size: 2.53125em;
+      line-height: 1;
+      margin-top: 0; } }
+.section--heading-2 {
+  font-size: 2.53125em;
+  font-weight: 300;
+  color: #333333; }
+  @media (max-width: 768px) {
+    .section--heading-2 {
+      font-size: 2.53125em;
+      line-height: 1.2;
+      margin-top: 0; } }
+.section--intro {
+  font-size: 22px;
+  font-weight: 300; }
+.section--paragraph__tittle {
+  font-size: 22px;
+  line-height: 30px;
+  font-weight: 600;
+  color: #2a2a36; }
+.section--paragraph {
+  font-size: 1.125em;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #6c6c6c; }
+
+.hyperlink {
+  color: #a2a2a2;
+  text-decoration: none;
+  font-weight: 500;
+  border-bottom: solid 1px;
+  transition: all 0.5s ease;
+  text-decoration: none; }
+  .hyperlink:hover {
+    text-decoration: none;
+    color: #2a2a36; }
+
+h1 {
+  margin-bottom: 10px;
+  font-size: 60px;
+  line-height: 120%;
+  color: #555;
+  font-weight: 500; }
+
+h2 {
+  font-size: 60px;
+  font-weight: 300;
+  color: #555;
+  line-height: 1.5;
+  margin-bottom: 12px; }
+
+h3 {
+  font-size: 22px;
+  font-weight: 300;
+  line-height: 1.5;
+  color: #555; }
+
+h4 {
+  font-size: 18px;
+  font-weight: bold;
+  line-height: 1.36;
+  color: #555;
+  margin-bottom: 20px; }
+
+h5 {
+  font-size: 17px;
+  font-weight: bold;
+  line-height: 1.5;
+  color: #555; }
+
+.text-center {
+  margin: 0 auto;
+  text-align: center; }
+
 /*# sourceMappingURL=typography.css.map */
diff --git a/assets/css/pages/enterprise.css b/assets/css/pages/enterprise.css
index 980e76ccf..357f684b6 100644
--- a/assets/css/pages/enterprise.css
+++ b/assets/css/pages/enterprise.css
@@ -8,11 +8,11 @@
 
 /* gradient behind transparent nav */
 .nav:not(.scrolled) {
-  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
+  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
   /* FF3.6-15 */
-  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
+  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
   /* Chrome10-25,Safari5.1-6 */
-  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
   /* IE6-9 */ }
@@ -50,51 +50,51 @@
   zoom: 0.55; }
 
 .what-you-get-section .container {
-  padding-top: 8.54297em;
-  padding-bottom: 8.54297em; }
+  padding-top: 8.54296875em;
+  padding-bottom: 8.54296875em; }
   .what-you-get-section .container p {
-    max-width: 43.24878em;
+    max-width: 43.2487792969em;
     margin: 0 auto; }
 
 .section--expertise .container {
-  padding-top: 8.54297em;
-  padding-bottom: 8.54297em; }
+  padding-top: 8.54296875em;
+  padding-bottom: 8.54296875em; }
   .section--expertise .container .section--intro {
-    max-width: 43.24878em;
+    max-width: 43.2487792969em;
     margin: 0 auto; }
   .section--expertise .container .ilustration__expertise {
     margin-left: 15%; }
 
 .section--security .container {
-  padding-top: 8.54297em;
-  padding-bottom: 8.54297em; }
+  padding-top: 8.54296875em;
+  padding-bottom: 8.54296875em; }
   .section--security .container .section--intro {
-    max-width: 43.24878em;
+    max-width: 43.2487792969em;
     margin: 0 auto; }
   .section--security .container .security__ilustration {
     margin-left: 12%; }
 
 .section--lifecycle .container {
-  padding-top: 8.54297em;
-  padding-bottom: 8.54297em; }
+  padding-top: 8.54296875em;
+  padding-bottom: 8.54296875em; }
   .section--lifecycle .container .section--intro {
-    max-width: 43.24878em;
+    max-width: 43.2487792969em;
     margin: 0 auto; }
   .section--lifecycle .container .lifecycle__ilustration {
     margin-left: 8%; }
 
 .section--globalscale .container {
-  padding-top: 8.54297em;
-  padding-bottom: 8.54297em; }
+  padding-top: 8.54296875em;
+  padding-bottom: 8.54296875em; }
   .section--globalscale .container .section--intro {
-    max-width: 43.24878em;
+    max-width: 43.2487792969em;
     margin: 0 auto; }
 
 .section--whitepaper {
   padding-bottom: 0px;
   margin-bottom: 0px; }
   .section--whitepaper .container {
-    padding-top: 8.54297em; }
+    padding-top: 8.54296875em; }
   .section--whitepaper .section--heading-1 {
     margin-bottom: 70px; }
   .section--whitepaper form {
@@ -115,7 +115,7 @@
 .section--customers {
   position: relative; }
   .section--customers .container {
-    padding-top: 8.54297em; }
+    padding-top: 8.54296875em; }
     .section--customers .container p {
       margin-top: 30px; }
   .section--customers .customer {
diff --git a/assets/css/pages/install.css b/assets/css/pages/install.css
new file mode 100644
index 000000000..4365ba1b0
--- /dev/null
+++ b/assets/css/pages/install.css
@@ -0,0 +1,43 @@
+.hero {
+  height: 100vw;
+  max-height: 600px;
+  width: 100%;
+  position: relative;
+  display: block; }
+  .hero__copy {
+    position: absolute;
+    text-align: center;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); }
+
+.tabs {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 20px; }
+  .tabs .tab {
+    display: flex;
+    flex-direction: column;
+    max-width: calc(1140px / 3);
+    padding: 40px;
+    cursor: pointer; }
+    .tabs .tab--active {
+      border-top: 1px solid #f1f1f1;
+      border-left: 1px solid #f1f1f1;
+      border-right: 1px solid #f1f1f1;
+      z-index: 2;
+      background: white; }
+    .tabs .tab--title {
+      font-size: 18px;
+      text-transform: uppercase;
+      font-weight: 600;
+      color: #000000; }
+    .tabs .tab--description {
+      font-size: 14px; }
+
+.tab-section {
+  outline: 1px solid #f1f1f1; }
+  .tab-section__copy {
+    text-align: center; }
+
+/*# sourceMappingURL=install.css.map */
diff --git a/assets/css/pages/install.scss b/assets/css/pages/install.scss
new file mode 100644
index 000000000..9bd56bffd
--- /dev/null
+++ b/assets/css/pages/install.scss
@@ -0,0 +1,56 @@
+.hero {
+  height: 100vw;
+  max-height: 600px;
+  width: 100%;
+  position: relative;
+  display: block;
+
+  &__copy {
+    position: absolute;
+    text-align: center;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+
+.tabs {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 20px;
+
+  .tab {
+    display: flex;
+    flex-direction: column;
+    max-width: calc(1140px / 3);
+    padding: 40px;
+    cursor: pointer;
+
+    &--active {
+      border-top: 1px solid #f1f1f1;
+      border-left: 1px solid #f1f1f1;
+      border-right: 1px solid #f1f1f1;
+      z-index: 2;
+      background: white;
+    }
+
+    &--title {
+      font-size: 18px;
+      text-transform: uppercase;
+      font-weight: 600;
+      color: #000000;
+    }
+
+    &--description {
+      font-size: 14px;
+    }
+  }
+}
+
+.tab-section {
+  outline: 1px solid #f1f1f1;
+
+  &__copy {
+    text-align: center;
+  }
+}
\ No newline at end of file
diff --git a/assets/css/vendor/normalize.css b/assets/css/vendor/normalize.css
index 3d5713212..b17a23eb8 100644
--- a/assets/css/vendor/normalize.css
+++ b/assets/css/vendor/normalize.css
@@ -1,2 +1,368 @@
-/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template,[hidden]{display:none}
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
+ */
+/* Document
+   ========================================================================== */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  line-height: 1.15;
+  /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 3 */
+  -webkit-text-size-adjust: 100%;
+  /* 3 */ }
+
+/* Sections
+   ========================================================================== */
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+body {
+  margin: 0; }
+
+/**
+ * Add the correct display in IE 9-.
+ */
+article, aside, footer, header, nav, section {
+  display: block; }
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/* Grouping content
+   ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+figcaption, figure, main {
+  /* 1 */
+  display: block; }
+
+/**
+ * Add the correct margin in IE 8.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  box-sizing: content-box;
+  /* 1 */
+  height: 0;
+  /* 1 */
+  overflow: visible;
+  /* 2 */ }
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */ }
+
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+a {
+  background-color: transparent;
+  /* 1 */
+  -webkit-text-decoration-skip: objects;
+  /* 2 */ }
+  a:active, a:hover {
+    outline-width: 0; }
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: none;
+  /* 1 */
+  text-decoration: underline;
+  /* 2 */
+  text-decoration: underline dotted;
+  /* 2 */ }
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+b, strong {
+  font-weight: inherit; }
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b, strong {
+  font-weight: bolder; }
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code, kbd, samp {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */ }
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+mark {
+  background-color: #ff0;
+  color: #000; }
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -0.25em; }
+
+sup {
+  top: -0.5em; }
+
+/* Embedded content
+   ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ */
+audio, video {
+  display: inline-block; }
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+img {
+  border-style: none; }
+
+/**
+ * Hide the overflow in IE.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Forms
+   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button, input, optgroup, select, textarea {
+  font-family: sans-serif;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  line-height: 1.15;
+  /* 1 */
+  margin: 0;
+  /* 2 */ }
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button, input {
+  /* 1 */
+  overflow: visible; }
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button, select {
+  /* 1 */
+  text-transform: none; }
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+button, html [type="button"], [type="reset"], [type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */ }
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0; }
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText; }
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  box-sizing: border-box;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  display: table;
+  /* 1 */
+  max-width: 100%;
+  /* 1 */
+  padding: 0;
+  /* 3 */
+  white-space: normal;
+  /* 1 */ }
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+[type="checkbox"], [type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */ }
+  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none; }
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */ }
+
+/* Interactive
+   ========================================================================== */
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+details, menu {
+  display: block; }
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+  display: list-item; }
+
+/* Scripting
+   ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ */
+canvas {
+  display: inline-block; }
+
+/**
+ * Add the correct display in IE.
+ */
+template, [hidden] {
+  display: none; }
+
+/* Hidden
+   ========================================================================== */
+/**
+ * Add the correct display in IE 10-.
+ */
+
 /*# sourceMappingURL=normalize.css.map */
diff --git a/assets/js/pages/install.js b/assets/js/pages/install.js
new file mode 100644
index 000000000..829346466
--- /dev/null
+++ b/assets/js/pages/install.js
@@ -0,0 +1,23 @@
+define(['jquery', 'lodash'],
+	function ($, _) {
+		$(document).ready(function() {
+			'use strict';
+			var installPage = {
+				init: function () {
+                    $(this.variables.tabSelector).click(_.bind(this.toggleTab, this));
+				},
+
+                variables: {
+                    tabSelector: '.tab',
+                    tabActiveSelector: '.tab--active',
+                    tabActiveClass: 'tab--active'
+                },
+
+                toggleTab: function (event) {
+				    $(this.variables.tabActiveSelector).removeClass(this.variables.tabActiveClass);
+                    $(event.currentTarget).addClass(this.variables.tabActiveClass);
+                }
+			};
+			installPage.init();
+		});
+	});
diff --git a/base.php b/base.php
index 367841577..af592230b 100644
--- a/base.php
+++ b/base.php
@@ -56,7 +56,7 @@
 		'hackathon',
 		'history',
 		'impressum',
-		'install',
+/*		'install',*/
 		'install-backup',
 		'meetups',
 		'news',
diff --git a/config.php.sample b/config.php.sample
deleted file mode 100644
index 152ec5c28..000000000
--- a/config.php.sample
+++ /dev/null
@@ -1,14 +0,0 @@
-<?php
-// Enables CONTRIBOOK (required mysql database)
-define(CONTRIBOOK, 0);
-
-// Defines the author id of the official user posting announcements (used to produce rss feed)
-define(OFFICIALAUTHORID, 1);
-
-// Enables or disables the piwik tracking code
-define(PIWIKTRACKING, 0);
-
-// Recaptcha
-DEFINE(RECAPTCHA_SITEKEY, '');
-DEFINE(RECAPTCHA_SECRET, '');
-?>
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 000000000..1e70275ec
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,20 @@
+version: "3.2"
+services:
+  web:
+    image: wordpress
+    links:
+      - mysql
+    environment:
+      - WORDPRESS_DB_PASSWORD=password
+      - WP_DEBUG=false
+    ports:
+      - "80:80"
+    working_dir: /var/www/html
+    volumes:
+      - ${PWD}:/var/www/html/wp-content/themes/nextcloud.com
+
+  mysql:
+    image: mysql:5.7
+    environment:
+    - MYSQL_ROOT_PASSWORD=password
+    - MYSQL_DATABASE=nextcloud
diff --git a/page-install.php b/page-install.php
index 614984a3a..08d818c36 100644
--- a/page-install.php
+++ b/page-install.php
@@ -1,123 +1,44 @@
-<div class="page-header">
-  <h1><?php echo $l->t('Get Started!');?></h1>
-</div>
-<hr class="wide"></hr>
-<div class="row">
-	<div class="col-md-4">
-		<hr class="narrow"></hr>
-		<div class="numbadge centre">
-			<i class="icon-download"></i>
-		</div>
-		<h2><?php echo $l->t('Get Nextcloud Server');?></h2>
-		<p><?php echo $l->t('There are several ways to get your own Nextcloud for you and your data:');?></p>
-		<div class="btn-group">
-			<a class="btn btn-primary btn-large" href="#instructions-server">Download</a>
-			<a class="btn btn-default btn-large" href="/devices">Devices</a>
-			<a class="btn btn-default btn-large" href="/providers">Providers</a>
-		</div>
-	</div>
-	<div class="col-md-4">
-		<hr class="narrow"></hr>
-		<div class="numbadge centre">
-			<i class="icon-refresh"></i>
-		</div>
-		<h2><?php echo $l->t('Sync your data');?></h2>
-		<p><?php echo $l->t('Connect to your Nextcloud with our clients for all your devices:');?></p>
-		<div class="btn-group">
-			<a class="btn btn-default btn-large" href="#install-clients" rel="tooltip" id="desktop" data-toggle="popover" title="Desktop Clients">Desktop Clients</a>
-			<a class="btn btn-default btn-large" href="#install-clients" rel="tooltip" id="mobile" data-toggle="popover" title="Mobile Clients">Mobile Clients</a>
-		</div>
-	</div>
-	<div class="col-md-4">
-		<hr class="narrow"></hr>
-		<div class="numbadge centre">
-			<i class="icon-cloud"></i>
-		</div>
-		<h2><?php echo $l->t('Extend your cloud');?></h2>
-		<p><?php echo $l->t('Browse dozens of free apps and services you could use with your Nextcloud:');?></p>
-		<div class="btn-group">
-			<a class="btn btn-default btn-large" role="button" href="https://apps.nextcloud.com" target="_blank" rel="tooltip" title="App Store">App Store</a>
-		</div>
-	</div>
+<head>
+    <link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/install.css" rel="stylesheet">
+    <script>
+        require(["require.config"], function() {
+            require(["pages/install"])
+        });
+    </script>
+</head>
+
+<div class="hero">
+    <div class="hero__copy">
+        <h1><?php echo $l->t('508,078 People Trust & Use Nextcloud');?></h1>
+        <p><?php echo $l->t('Private. Secure. Flexible. Join thousands of other people that trust and use Nextcloud on your daily basis.');?></p>
+    </div>
 </div>
-<br />
-<br />
 
+<div class="container">
+    <div class="tabs">
+        <div class="tab tab--active">
+            <span class="tab--title"><?php echo $l->t('Nexcloud cloud');?></span>
+            <span class="tab--description"><?php echo $l->t('The most easy way to get started, no complicate configuration or installation.');?></span>
+        </div>
 
-<hr class="wide"></hr>
-<div class="row">
-	<div class="col-md-4">
-		<div class="numbadge centre">
-			<i class="icon-book"></i>
-		</div>
-		<h2><?php echo $l->t('Read the documentation');?></h2>
-		<p><?php echo $l->t('Here you can find our manuals:');?></p>
-		<ul>
-			<li><a href="<?php echo $DOCUMENTATION_USER; ?>" target="_blank" rel="tooltip" title="<?php echo $l->t('End User Documentation">Users</a>');?></li>
-			<li><a href="<?php echo $DOCUMENTATION_ADMIN; ?>" target="_blank" rel="tooltip" title="<?php echo $l->t('Nextcloud administrator Documentation">Admins</a>');?></li>
-			<li><a href="<?php echo $DOCUMENTATION_DEVELOPER; ?>" target="_blank" rel="tooltip" title="<?php echo $l->t('Nextcloud Developer Documentation">Developers</a>');?></li>
-			<li><a href="<?php echo $DOCUMENTATION_DEVELOPER; ?>bugtracker/" target="_blank" rel="tooltip" title="<?php echo $l->t('Information for Testers">Testers</a>');?></li>
-		</ul>
-	</div>
-	<div class="col-md-4">
-		<hr class="narrow"></hr>
-		<div class="numbadge centre">
-			<i class="icon-comment"></i>
-		</div>
-		<h2><?php echo $l->t('Need help?');?></h2>
-		<p><?php echo $l->t('Discuss using, installing or maintaining Nextcloud in our support channels.');?></p>
-		<ul>
-			<li><?php echo $l->t('<a href="http://help.nextcloud.com" target="_blank" rel="tooltip" title=" Nextcloud User Forums">The Forum</a>');?></li>
-			<li><?php echo $l->t('<a href="irc://#nextcloud@freenode.net" target="_blank" rel="tooltip" title="The Nextcloud IRC Channel">IRC Channel</a> (<a href="http://webchat.freenode.net/?channels=nextcloud" target="_blank"  rel="tooltip" title="Web interface to the Nextcloud IRC Channel">Webchat</a>)');?></li>
-		</ul>
-		<p><?php echo $l->t('These consist of users helping each other. Consider helping out others, too!');?><br />
-		<?php echo $l->t('<a href="/enterprise">Need enterprise support?</a>');?></p>
-	</div>
-	<a name="testing"></a>
-	<div class="col-md-4">
-		<hr class="narrow"></hr>
-		<div class="numbadge centre">
-			<i class="icon-rocket"></i>
-		</div>
-		<h2><?php echo $l->t('Get Involved');?></h2>
-		<p><?php echo $l->t('If you want to help out with');?> <a href="<?php echo $DOCUMENTATION_DEVELOPER; ?>" target="_blank" rel="tooltip" title="<?php echo $l->t('Developer Documentation">developing</a> and testing, grab a daily build. Our <a href="https://github.com/nextcloud" target="_blank">GitHub project is here</a> and the <a href="https://github.com/nextcloud/server/issues" target="_blank">issue tracker for the server here</a>.');?></p>
-		<p><a href="<?php echo $DOWNLOAD_SERVER_DAILY_TAR; ?>" class="btn btn-default btn-large"><i class="icon-archive"></i>  <?php echo $l->t('Daily build');?></a></p>
-		<p><?php echo $l->t('Help test our clients:');?> <a target="_blank" href="<?php echo $DOWNLOAD_CLIENT_MOBILE_ANDROID_BETA; ?>"><?php echo $l->t('Android Release Candidate client on Play store');?></a> and <a target="_blank" href="<?php echo $DOWNLOAD_CLIENT_MOBILE_FDROID_BETA; ?>"><?php echo $l->t('Android Beta client on F-Droid');?></a></p>
-		<?php if(!empty($SERVER_TESTING_VERSION)) { ?>
-		<p><?php echo $l->t('Latest testing version:');?> <span class="label label-blue"><?php echo $SERVER_TESTING_VERSION; ?></span></p>
-		<p>
-		<?php if(!empty($DOWNLOAD_SERVER_ZIP_TESTING)) { ?>
-			      <a href="<?php echo $DOWNLOAD_SERVER_ZIP_TESTING; ?>" class="btn btn-default btn-large"><i class="icon-archive"></i> zip</a>
-		<?php } ?>
-		<?php if(!empty($DOWNLOAD_SERVER_TAR_TESTING)) { ?>
-			<a href="<?php echo $DOWNLOAD_SERVER_TAR_TESTING; ?>" class="btn btn-default btn-large"><i class="icon-archive"></i> tar.bz2</a>
-		<?php } ?>
-		<?php } ?>
-		<?php if(!empty($VERSIONS_CLIENT_DESKTOP_TESTING)) { ?>
-			<h4><?php echo $l->t('Desktop Clients <small><?php echo $VERSIONS_CLIENT_DESKTOP_TESTING; ?></small>');?></h4>
-			<p><?php echo $l->t('Please report any issues to the <a href="https://github.com/nextcloud/client_theming" target="_blank">issue tracker</a>.');?></p>
-			<!--<p><?php echo $l->t('You can check the authenticity of the sources using this <a href="<?php echo $DOWNLOAD_CLIENT_DESKTOP_TEST_SOURCES_PGP; ?>">PGP signature</a>.');?></p>-->
-			<div class="btn-group">
-				<a href="<?php echo $DOWNLOAD_CLIENT_DESKTOP_TEST_WIN; ?>" class="btn btn-default btn-large"><i class="icon-windows"></i>  Windows</a>
-				<a href="<?php echo $DOWNLOAD_CLIENT_DESKTOP_TEST_MAC; ?>" class="btn btn-default btn-large"><i class="icon-apple"></i> Mac</a>
-                <a href="<?php echo $DOWNLOAD_CLIENT_DESKTOP_TEST_LINUX; ?>" class="btn btn-default btn-large"><i class="icon-linux"></i> Linux</a>
-                <a href="<?php echo $DOWNLOAD_CLIENT_DESKTOP_TEST_SOURCES; ?>" class="btn btn-default btn-large"><i class="icon-archive"></i> Sources</a>
-		<?php } ?></p>
-		<p><?php echo $l->t('<a href="/contribute" target="_blank" rel="tooltip" title="The Nextcloud Contribute Page">See more ways to get involved</a>!');?></p>
+        <div class="tab">
+            <span class="tab--title"><?php echo $l->t('Nexcloud on-premises');?></span>
+            <span class="tab--description"><?php echo $l->t('Install and admistrate your own instance in your own server.  Recommended to the ones you have more experience');?></span>
+        </div>
 
-	</div>
+        <div class="tab">
+            <span class="tab--title"><?php echo $l->t('Nexcloud Sync Clients');?></span>
+            <span class="tab--description"><?php echo $l->t('Mobile and desktop clients to sync your data with your server.');?></span>
+        </div>
+    </div>
 </div>
-<?php require get_template_directory().'/install-instructions.php'; ?>
-<script>
-    $('#mobile').click(function () {
-        $("#tab-desktop").removeClass("active");
-        $("#tab-mobile").addClass("active");
-        $("#li-tab-desktop").removeClass("active");
-        $("#li-tab-mobile").addClass("active");    });
-    $('#desktop').click(function () {
-        $("#tab-mobile").removeClass("active");
-        $("#tab-desktop").addClass("active");
-        $("#li-tab-mobile").removeClass("active");
-        $("#li-tab-desktop").addClass("active");
-    });
-</script>
+
+<div class="tab-section">
+    <div class="container">
+        <div class="tab-section__copy">
+            <h1 class="tab-section__title"><?php echo $l->t('Choose from the plans above');?></h1>
+            <p class="tab-section-description"><?php echo $l->t('Any payement that you do is not to the nextcloud, but to the provider.');?></p>
+        </div>
+    </div>
+</div>
+