Move style tags to SCSS

themes/lhs/layouts/shortcodes/facilities.html

@@ -1,12 +1,9 @@
-<style>
-    .box-height { min-height: 180px; }
-</style>
 <div class="columns pricing-tiers is-centered is-multiline">
     {{- range (where .Site.RegularPages "Section" "facilities") }}
     <div class="column is-one-quarter">
         <div class="box is-large hover-items">
             <h3 class="is-size-4 has-text-weight-bold">{{ .Title }}</h3>
-            <div class="content mt-5 box-height">
+            <div class="content mt-5 facility-description">
                 <p>{{ .Params.subtitle }}</p>
             </div>
             <div class="content">

themes/lhs/layouts/shortcodes/memberships.html

@@ -1,6 +1,3 @@
-<style>
-    .box-height { min-height: 150px; }
-</style>
 <div class="columns pricing-tiers is-centered is-multiline">
     {{- with .Site.Params.membership }}
     {{ range . -}}
@@ -9,7 +6,7 @@
             <h3 class="is-size-4 has-text-weight-bold">{{ .name }}</h3>
             <div class="is-size-1 has-text-weight-bold">£{{ .price }}</div>
             <div class="_is-block mt-1 is-size-6 has-text-weight-normal">{{ default "per month" .period }}</div>
-            <div class="content mt-5 box-height is-size-5">
+            <div class="content mt-5 pricing-description is-size-5">
                 <p>{{ .description }}</p>
             </div>
             <div class="content">