Header: Center header logo horizontally regardless of flow

Author: TasoOneAsia

assets/css/v2/style.css

@@ -510,6 +510,14 @@ ol li:last-child {
     align-items: center;
     width: 100%;
     height: 64px;
+    position: relative;
+
+    /* This is fine unless we actually want it to break document flow at super tiny viewports */
+    .header__logo {
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+    }
 
     .header__img {
       height: 2.5rem;