fixes text color contrast

app/assets/stylesheets/legislation_process.scss

@@ -14,9 +14,6 @@
 
 // 01. Utils
 // -----------------
-.grey {
-  color: #878787;
-}
 
 .grey-heading {
   background: #E6E6E6;
@@ -47,9 +44,7 @@ $epigraph-line-height: rem-calc(22);
   }
 
   h4 {
-    color: #878787;
     text-transform: uppercase;
-    font-weight: 400;
   }
 
   ul {

app/views/legislation/processes/_header_full.html.erb

@@ -1,7 +1,7 @@
 <div class="legislation-hero no-margin-top grey-heading" style="display:<%= hidden ? 'none' : 'block' %>" data-target="legislation-header-full">
   <div class="row headline">
     <div class="small-12 medium-7 column">
-      <p class="grey"><%= t('.title') %></p>
+      <p><%= t('.title') %></p>
       <h2>
         <%= process.title %>
       </h2>

app/views/sandbox/legislation_debate.html.erb

@@ -1,7 +1,7 @@
 <div class="legislation-hero no-margin-top grey-heading">
   <div class="row headline">
     <div class="small-12 medium-7 column">
-      <p class="grey">Colabora en la elaboración de la normativa sobre</p>
+      <p>Colabora en la elaboración de la normativa sobre</p>
       <h2>
         Licencias urbanísticas, declaraciones responsables y comunicaciones previas
       </h2>
@@ -49,7 +49,7 @@
     </div>
   </div>
 
-  <div class="center half-gradient">
+  <div class="text-center half-gradient">
     <a id="js-toggle-debate" class="button big center strong" title="Más información y contexto">
       Más información y contexto
     </a>

app/views/sandbox/legislation_draft.html.erb

@@ -1,7 +1,7 @@
 <div class="legislation-hero no-margin-top grey-heading">
   <div class="row headline">
     <div class="small-12 medium-7 column">
-      <p class="grey">Colabora en la elaboración de la normativa sobre</p>
+      <p>Colabora en la elaboración de la normativa sobre</p>
       <h2>
         Licencias urbanísticas, declaraciones responsables y comunicaciones previas
       </h2>