CHEMH-322 CHEMH-323: fixes to banner text order (#117)

* CHEMH-322 CHEMH-323: fixes to banner text order

* fixing the space a little smaller.

Author: jenbreese

dist/css/chem_h_subtheme.css

@@ -50,6 +50,7 @@
           color: $su-color-white;
           line-height: 110%;
           letter-spacing: -0.04em;
+          margin-top: 0;
         }
 
         .su-card__button {

src/scss/components/banner/_banner--halfpill-title.scss

@@ -35,8 +35,6 @@
     margin-left: 0;
 
     .su-card__contents {
-      @include chemh-heading--badge;
-
       padding: 0;
 
       @include grid-media-max('sm') {
@@ -50,10 +48,15 @@
 
       h2 {
         @include type-a;
+        @include chemh-heading--badge;
 
         color: $su-color-black;
         line-height: 110%;
         letter-spacing: -0.04em;
+
+        &:before {
+          margin-bottom: 1.3rem;
+        }
       }
 
       .bullet {
@@ -69,6 +72,10 @@
           font-size: 1.5em;
         }
       }
+
+      .su-card__superhead {
+        @include chemh-heading--badge;
+      }
     }
   }