hero

assets/sass/_theme/design-system/hero.sass

@@ -42,10 +42,10 @@
             margin-top: $spacing-5
     @include media-breakpoint-down(desktop)
         .breadcrumb-nav
-            margin-left: half(var(--grid-gutter-negative))
-            margin-right: half(var(--grid-gutter-negative))
+            margin-left: var(--grid-gutter-negative)
+            margin-right: var(--grid-gutter-negative)
             > ol
-                padding: 0 half(var(--grid-gutter))
+                padding: 0 var(--grid-gutter)
         &--with-image
             padding-bottom: 0
             .content
@@ -54,8 +54,8 @@
         &--image-landscape
             .content
                 figure
-                    margin-left: half(var(--grid-gutter-negative))
-                    margin-right: half(var(--grid-gutter-negative))
+                    margin-left: var(--grid-gutter-negative)
+                    margin-right: var(--grid-gutter-negative)
         &--image-portrait, &--image-square
             .container
                 display: flex
@@ -79,11 +79,10 @@
 
         &--image-portrait, &--image-square
             .breadcrumb-nav
-                width: calc(#{columns(9)} + #{half(var(--grid-gutter))})
                 -webkit-mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%)
                 mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%)
                 .breadcrumb
-                    padding-right: 50px
+                    padding-right: 10%
             .content
                 > h1, > hgroup
                     width: columns(8)

assets/sass/_theme/design-system/table.sass

@@ -22,8 +22,6 @@ table
         font-size: $table-head-font-size
         @include media-breakpoint-up(desktop)
             font-size: $table-head-font-size-desktop
-        th
-            text-align: left
 
     tbody
         font-size: $table-body-size