Various tweaks

- remove black border from banner
- make banners have internal columns
- make nav 2/3rd width, 19px text and more spaced out
- only show the ‘restricted mode’ banner where it’s needed
- rename ‘restricted mode’ to ‘trial mode’

app/assets/stylesheets/app.scss

@@ -1,26 +1,5 @@
 // Extra CSS overlaying elements
 
-.form-control-2-3, .form-control-1-4 {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-family: "nta", Arial, sans-serif;
-  font-size: 16px;
-  line-height: 1.25;
-  font-weight: 400;
-  text-transform: none;
-  padding: 4px;
-  background-color: #fff;
-  border: 2px solid #6f777b;
-}
-
-@media (min-width: 641px) {
-  .form-control-2-3, .form-control-1-4 {
-    font-size: 19px;
-    line-height: 1.31579;
-  }
-}
-
 #global-header-bar {
   background-color: $red;
 }

app/assets/stylesheets/components/banner.scss

@@ -8,7 +8,7 @@
   display: block;
   padding: $gutter-half;
   margin: $gutter-half 0 $gutter 0;
-  text-align: center;
+  text-align: left;
   position: relative;
 
 }
@@ -16,7 +16,7 @@
 .banner-with-tick {
 
   @extend %banner;
-  padding: $gutter-half $gutter;
+  padding: $gutter-half ($gutter + $gutter-half);
 
   &:before {
     @include core-24;
@@ -58,7 +58,6 @@
   background: $yellow;
   color: $text-colour;
   text-align: left;
-  border: 5px solid $text-colour;
   font-weight: bold;
 
   a:link, a:visited {

app/assets/stylesheets/components/navigation.scss

@@ -1,13 +1,13 @@
 .navigation {
 
-  padding: 3px 0 0 0;
+  padding: 20px 0 0 0;
 
   ul, h2 {
-    @include core-16;
+    @include core-19;
     border-bottom: 1px solid $border-colour;
-    margin: 10px 20px 0 0;
+    margin: 10px 20px 15px 0;
     list-style-type: none;
-    padding: 0 0 8px 0;
+    padding: 0 0 10px 0;
   }
 
   h2 {
@@ -15,7 +15,7 @@
   }
 
   li {
-    margin: 7px 0 0 0;
+    margin: 10px 0 0 0;
   }
 
   a:link,