style header

assets/stylesheets/global/header.css

@@ -8,7 +8,7 @@
   @element upper-wrapper {
     background: var(--color-palette-blue-dark);
     padding: calc(var(--grid-gutter) / 2) 0;
-    color: var(--color-text-dark-bg);
+    color: var(--color-header-upper-text-secondary);
   }
 
   @element upper {
@@ -24,6 +24,42 @@
     }
   }
 
+  @element upper-first {
+    display: flex;
+
+    @media (--breakpoint-desktop) {
+      & div + div {
+        margin-left: var(--grid-gutter);
+      }
+    }
+  }
+
+  @element upper-second {
+    display: flex;
+
+    @media (--breakpoint-desktop) {
+      & div + div {
+        margin-left: var(--grid-gutter);
+      }
+    }
+  }
+
+  @element upper-link {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  @element upper-copy {
+    display: inline-flex;
+  }
+
+  @element upper-icon {
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    margin-right: calc(var(--grid-gutter) / 4);
+  }
+
   @element lower-wrapper {
   }
 
@@ -41,6 +77,7 @@
     font-family: var(--font-regular);
     letter-spacing: 3px;
     text-transform: uppercase;
+    color: var(--color-header-upper-text-primary);
 
     & img {
       display: inline-block;
@@ -71,6 +108,7 @@
     flex: 0 0 100%;
     flex-direction: column;
     justify-content: space-around;
+    color: var(--color-header-upper-text-primary);
 
     @media (--breakpoint-desktop) {
       flex: 0 0 auto;

assets/stylesheets/layout/layout-centered.css

@@ -1,4 +1,5 @@
 @block layout-centered {
+  box-sizing: border-box;
   width: 100%;
   max-width: var(--content-max-width);
   margin: 0 auto;
@@ -6,6 +7,7 @@
 }
 
 @block layout-centered-small {
+  box-sizing: border-box;
   width: 100%;
   max-width: calc(var(--content-max-width) - 360px);
   margin: 0 auto;

assets/stylesheets/variables.css

@@ -44,6 +44,9 @@
   --color-input-bg: #fff;
   --color-input-border: #d3dce0;
 
+  --color-header-upper-text-primary: #fff;
+  --color-header-upper-text-secondary: #abc6e5;
+
   --layout-sidebar-sidebar-width: 228px;
   --layout-sidebar-content-width: 732px;