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/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,