[fixmystreet.com] Rework pro marketing page

Reorder structure of the page
Remove icons from features text
Add screenshot of theme examples
Remove compatibility information
Recolour clients section

Pricing table
- Move prices to bottom
- Ditch 'show more' functionality
- Add revised tier names

12 files changed, 63 insertions, 14 deletions

diff --git a/web/cobrands/fixmystreet.com/fmsforcouncils.scss b/web/cobrands/fixmystreet.com/fmsforcouncils.scss
index 253d266c1..4448c4616 100644
--- a/web/cobrands/fixmystreet.com/fmsforcouncils.scss
+++ b/web/cobrands/fixmystreet.com/fmsforcouncils.scss
@@ -9,6 +9,7 @@ $fms-orange: #f4a140;
 $fms-red: #e04b4b;
 $fms-blue: #4faded;
 $fms-green: #62b356;
+$fms-pink: #E65376;
 
 .fms-for-councils {
   background-color: #1a1a1a;
@@ -151,11 +152,14 @@ $fms-green: #62b356;
     color: #777;
   }
 
-  .councils-features {
+  .councils-sales {
     padding: 3em 0 5em;
+    .councils-content-wrapper {
+      max-width: 58em;
+    }
   }
 
-  .councils-features__grid {
+  .councils-sales__grid {
     .flex & {
       @include flex-container();
       @include flex-wrap(wrap);
@@ -183,16 +187,37 @@ $fms-green: #62b356;
     }
     h3 {
       font-weight: normal;
-      margin-left: 75px;
       margin-bottom: 0.25em;
     }
     p {
       color: #777;
       font-size: 0.875em;
-      margin-left: 75px;
     }
   }
 
+  .councils-sales--benefits {
+    background-color: #F7F6F5;
+    border-bottom: 1px solid #e9e9e9;
+    padding-top: 1em;
+    h2 {
+      font-size: 2.5em;
+      text-align: center;
+      color: $fms-pink;
+    }
+    p {
+      color: #666;
+    }
+  }
+
+  .councils-sales--features {
+    border-top: 1px solid #e9e9e9;
+    padding-top: 2em;
+    h2 {
+      font-size: 2.5em;
+      text-align: center;
+      color: $fms-pink;
+    }
+}
 
   .councils-features__thumb {
     height: 63px;
@@ -261,7 +286,7 @@ $fms-green: #62b356;
   }
 
   .order-now-button {
-    background-color: #E65376;
+    background-color: $fms-pink;
     color: #fff;
     border: 0;
     text-transform: none;
@@ -274,14 +299,19 @@ $fms-green: #62b356;
     &:hover,
     &:active,
     &:focus {
-      background-color: desaturate(darken(#E65376, 10%), 10%);
+      background-color: desaturate(darken($fms-pink, 10%), 10%);
       text-decoration: none;
     }
   }
 
   .councils-clients {
-    background-color: #333;
-    padding: 2.5em 0;
+    background-color: #FED876;
+    padding: 1em 0 2.5em;
+    h2 {
+      font-size: 2.5em;
+      text-align: center;
+      color: #333;
+    }
   }
 
   .councils-clients__grid {
@@ -313,8 +343,13 @@ $fms-green: #62b356;
     }
   }
 
+
+  .screenshot-of-themes {
+    background-color: #FED876;
+  }
+
   .councils-compatibility {
-    background-color: #E65376;
+    background-color: $fms-pink;
     padding: 0.5em 0 2.5em;
     a {
       color: #fff;
@@ -404,6 +439,7 @@ $fms-green: #62b356;
   }
 
   .councils-pricing {
+    padding: 2em 0;
     margin-bottom: 3em;
     h2 {
       font-size: 2.5em;
@@ -492,6 +528,19 @@ $fms-green: #62b356;
     }
   }
 
+  .pricing-table__prices {
+    td {
+      background-color: $fms-pink;
+      color: #fff;
+      border-color: darken($fms-pink, 10%);
+    }
+  }
+
+  .pricing-table__price {
+    font-weight: 500;
+    font-size: 1.25em;
+  }
+
   .boolean-icon {
     margin: 0 auto;
     display: inline-block;
@@ -699,7 +748,7 @@ $fms-green: #62b356;
     border-right: 0;
     padding: 4em 0;
     h2 {
-      color: #E65376;
+      color: $fms-pink;
       font-size: 2.5em;
     }
   }
@@ -731,7 +780,7 @@ $fms-green: #62b356;
     }
     input[type="submit"] {
       background-image: none;
-      background-color: #E65376;
+      background-color: $fms-pink;
       color: #fff;
       border: 0;
       text-transform: none;
@@ -740,7 +789,7 @@ $fms-green: #62b356;
       &:hover,
       &:active,
       &:focus {
-        background-color: desaturate(darken(#E65376, 10%), 10%);
+        background-color: desaturate(darken($fms-pink, 10%), 10%);
       }
     }
   }
@@ -765,7 +814,7 @@ $fms-green: #62b356;
     right: 0;
     top: 3px;
     font-size: 0.75em;
-    color: #E65376;
+    color: $fms-pink;
   }
 
   .council-order__screenshot {
@@ -781,7 +830,7 @@ $fms-green: #62b356;
       z-index: 0;
       right: 0;
       width: 500px;
-      bottom: 20px;
+      bottom: 50px;
     }
     @media (min-width: 82em) {
       width: 748px;
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/angus-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/angus-logo.png
index 1baeacba6..74b5c7345 100644
--- a/web/cobrands/fixmystreet.com/images/fms-for-councils/angus-logo.png
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/angus-logo.png
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/barnet-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/barnet-logo.png
index ad90a663c..1a2fc0f56 100644
--- a/web/cobrands/fixmystreet.com/images/fms-for-councils/barnet-logo.png
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/barnet-logo.png
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/bristol-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/bristol-logo.png
index 9c622959b..27c05d66f 100644
--- a/web/cobrands/fixmystreet.com/images/fms-for-councils/bristol-logo.png
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/bristol-logo.png
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/bromley-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/bromley-logo.png
index 96f6cbdc0..4cd1c60a4 100644
--- a/web/cobrands/fixmystreet.com/images/fms-for-councils/bromley-logo.png
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/bromley-logo.png
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/greenwich-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/greenwich-logo.png
index 0439b2a25..0f202c7e7 100644
--- a/web/cobrands/fixmystreet.com/images/fms-for-councils/greenwich-logo.png
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/greenwich-logo.png
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/hart-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/hart-logo.png
index 8ec4dd68e..376623469 100644
--- a/web/cobrands/fixmystreet.com/images/fms-for-councils/hart-logo.png
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/hart-logo.png
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/oxfordshire-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/oxfordshire-logo.png
index 85655c4b1..0b479791a 100644
--- a/web/cobrands/fixmystreet.com/images/fms-for-councils/oxfordshire-logo.png
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/oxfordshire-logo.png
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/screenshot-of-themes.jpg b/web/cobrands/fixmystreet.com/images/fms-for-councils/screenshot-of-themes.jpg
new file mode 100644
index 000000000..21744f3cd
--- /dev/null
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/screenshot-of-themes.jpg
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/stevenage-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/stevenage-logo.png
index 96c60299d..7b4d36a67 100644
--- a/web/cobrands/fixmystreet.com/images/fms-for-councils/stevenage-logo.png
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/stevenage-logo.png
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/warwickshire-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/warwickshire-logo.png
index 62087ba52..69c189581 100644
--- a/web/cobrands/fixmystreet.com/images/fms-for-councils/warwickshire-logo.png
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/warwickshire-logo.png
diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/zurich-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/zurich-logo.png
index 2748caec3..efdaf2fe8 100644
--- a/web/cobrands/fixmystreet.com/images/fms-for-councils/zurich-logo.png
+++ b/web/cobrands/fixmystreet.com/images/fms-for-councils/zurich-logo.png