first load

styles/_page_header.scss

@@ -0,0 +1,48 @@
+// Component made for elements that are separated with space between
+.page-header {
+
+  @include tablet {
+    align-items: baseline;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 16px;
+    margin: 0;
+  }
+
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin: 10px 0;
+
+  .section-subscribe {
+    @include tablet {
+      margin-bottom: 0;
+    }
+
+    flex-shrink: 0; //Avoid collapsing elements in Safari
+    margin-bottom: 10px;
+  }
+
+  h1 {
+    flex-grow: 1;
+    margin-bottom: 10px;
+  }
+
+  &-description {
+    @include desktop {
+      flex-basis: 100%;
+    }
+    font-style: italic;
+    margin: 0 0 30px 0;
+    word-break: break-word;
+  }
+
+  .icon-lock {
+    height: 20px;
+    width: 20px;
+    position: relative;
+    left: -5px;
+    vertical-align: baseline;
+  }
+}