Ensure sticky hero is full width

static/src/scss/_hero.scss

@@ -8,10 +8,11 @@ section.hero {
   position: sticky;
   top: 0;
   z-index: 10;
-  margin-top: 2.5rem;
+  margin-top: 3rem;
   padding-top: 0.5rem;
   margin-bottom: 1.5rem;
   background-color: $white;
+  display: block;
 
   .hero-body {
     padding: 0;
@@ -46,4 +47,8 @@ section.hero {
   .subtitle {
     margin-bottom: 0.5rem;
   }
+
+  .column {
+    padding: unset;
+  }
 }

website/common/templates/common/hero.html

@@ -4,7 +4,8 @@
   <img class="hero" src="{% image_url page.hero_image page.HERO_IMAGE_SIZE %}">
 {% endif %}
 
-<section class="hero container">
+<section class="hero">
+  <div class="container">
     <div class="hero-body">
       <div class="columns">
         <div class="column">
@@ -35,4 +36,5 @@
         </div>
       </div>
     </div>
+  </div>
 </section>