Add hero-title class

Author: Dhruvi16

themes/vocabulary_theme/templates/blocks/hero.html

@@ -1,5 +1,5 @@
 <section class="container hero">
-  <div class="column is-9 is-paddingless">
+  <div class="hero-title column is-9 is-paddingless">
     <h1>
       {{ this.title }}
     </h1>

webpack/sass/main.scss

@@ -25,15 +25,20 @@ a {
 
 .hero {
   @extend .margin-top-large;
-  @extend .padding-horizontal-big;
+
+  .hero-title {
+    @extend .padding-horizontal-big;
+  }
 
   .hero-description {
     @extend .body-bigger;
     @extend .padding-top-big;
+    @extend .padding-horizontal-big;
   }
 
   .hero-links {
     @extend .margin-top-normal;
+    @extend .padding-horizontal-big;
 
     .button {
       @extend .margin-top-normal;