large process flow

src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.scss

@@ -36,7 +36,7 @@
       height: 24px;
       left: 26.5px;
       position: absolute;
-      width: 10px;
+      width: 8px;
 
       @include breakpoint($narrow) {
         display: inline-block;

src/components/hy-large-process-flow/hy-large-process-flow.scss

@@ -4,11 +4,13 @@
 
 .hy-large-process-flow {
   max-width: 100%;
+  padding-top: 8px;
   width: 100%;
 
   @include breakpoint($narrow) {
     //tablet up till 768 (including 768px)
     max-width: calc(100% / 8 * 7 + var(--gutter-narrow)); // 7 columns out of 8
+    padding-top: 0;
   }
   @include breakpoint($medium + 1) {
     //small desktop; > 768
@@ -53,7 +55,7 @@
       height: 100%;
       left: 26.5px;
       position: absolute;
-      width: 10px;
+      width: 8px;
       z-index: -1;
 
       @include breakpoint($narrow) {
@@ -75,7 +77,7 @@
       padding: 8px 0 !important;
 
       @include breakpoint($narrow) {
-        margin: 40px 0 48px 0;
+        margin: 48px 0;
         padding: 16px 0 !important;
       }
     }