diff --git a/core/profiles/standard/config/block.block.bartik.logo.yml b/core/profiles/standard/config/block.block.bartik.logo.yml
new file mode 100644
index 0000000..4a5663d
--- /dev/null
+++ b/core/profiles/standard/config/block.block.bartik.logo.yml
@@ -0,0 +1,22 @@
+id: bartik.page_site_logo
+weight: '0'
+status: '1'
+langcode: en
+region: header
+plugin: page_site_logo
+settings:
+  label: 'Page Site Logo'
+  module: system
+  label_display: '0'
+  cache: '-1'
+visibility:
+  path:
+    visibility: '0'
+    pages: ''
+  role:
+    roles: {  }
+  node_type:
+    types:
+      article: '0'
+      page: '0'
+  visibility__active_tab: edit-visibility-path
diff --git a/core/profiles/standard/config/block.block.bartik.name.yml b/core/profiles/standard/config/block.block.bartik.name.yml
new file mode 100644
index 0000000..fdf4865
--- /dev/null
+++ b/core/profiles/standard/config/block.block.bartik.name.yml
@@ -0,0 +1,22 @@
+id: bartik.page_site_name
+weight: '1'
+status: '1'
+langcode: en
+region: header
+plugin: page_site_name
+settings:
+  label: 'Page Site Name'
+  module: system
+  label_display: '0'
+  cache: '-1'
+visibility:
+  path:
+    visibility: '0'
+    pages: ''
+  role:
+    roles: {  }
+  node_type:
+    types:
+      article: '0'
+      page: '0'
+  visibility__active_tab: edit-visibility-path
diff --git a/core/profiles/standard/config/block.block.bartik.slogan.yml b/core/profiles/standard/config/block.block.bartik.slogan.yml
new file mode 100644
index 0000000..c5c9cd4
--- /dev/null
+++ b/core/profiles/standard/config/block.block.bartik.slogan.yml
@@ -0,0 +1,22 @@
+id: bartik.page_site_slogan
+weight: '2'
+status: '1'
+langcode: en
+region: header
+plugin: page_site_slogan
+settings:
+  label: 'Page Site Slogan'
+  module: system
+  label_display: '0'
+  cache: '-1'
+visibility:
+  path:
+    visibility: '0'
+    pages: ''
+  role:
+    roles: {  }
+  node_type:
+    types:
+      article: '0'
+      page: '0'
+  visibility__active_tab: edit-visibility-path
diff --git a/core/themes/bartik/bartik.info.yml b/core/themes/bartik/bartik.info.yml
index 43e3e9c..1387351 100644
--- a/core/themes/bartik/bartik.info.yml
+++ b/core/themes/bartik/bartik.info.yml
@@ -12,8 +12,9 @@ stylesheets:
   print:
     - css/print.css
 regions:
-  header: Header
-  help: Help
+  header_first: 'Header first'
+  header_second: 'Header second'
+  help: 'Help'
   page_top: 'Page top'
   page_bottom: 'Page bottom'
   highlighted: Highlighted
diff --git a/core/themes/bartik/css/colors.css b/core/themes/bartik/css/colors.css
index 96f3877..f55c3c4 100644
--- a/core/themes/bartik/css/colors.css
+++ b/core/themes/bartik/css/colors.css
@@ -51,11 +51,16 @@ a:active,
 #footer-wrapper {
   background: #292929;
 }
-.region-header,
-.region-header a,
-.region-header li a.active,
-#name-and-slogan,
-#name-and-slogan a,
+.region-header-first,
+.region-header-first a,
+.region-header-first li a.active,
+.region-header-second,
+.region-header-second a,
+.region-header-second li a.active,
+#block-page-site-name,
+#block-page-site-slogan,
+#block-page-site-name a,
+#block-page-site-slogan a,
 #secondary-menu-links li a {
   color: #fffeff;
 }
diff --git a/core/themes/bartik/css/layout-rtl.css b/core/themes/bartik/css/layout-rtl.css
index 77fe64b..57e9bb1 100644
--- a/core/themes/bartik/css/layout-rtl.css
+++ b/core/themes/bartik/css/layout-rtl.css
@@ -1,16 +1,20 @@
 
 /* ---------- Basic Layout RTL Styles ----------- */
 
-.region-header {
-  float: left;
+.region-header-first,
+.region-header-second {
+  float: right;
 }
 #secondary-menu {
   left: 0;
   right: auto;
 }
 
-@media all and (min-width: 560px) and (max-width: 850px) {
+@media all and (min-width: 461px) and (max-width: 900px) {
 
+  .region-header-second {
+    float: left;
+  }
   #sidebar-first,
   .region-triptych-first,
   .region-triptych-middle,
@@ -29,8 +33,11 @@
   }
 }
 
-@media all and (min-width: 851px) {
+@media all and (min-width: 901px) {
 
+  .region-header-second {
+    float: left;
+  }
   #content,
   #sidebar-first,
   #sidebar-second,
diff --git a/core/themes/bartik/css/layout.css b/core/themes/bartik/css/layout.css
index 0278e40..fb2d0cb 100644
--- a/core/themes/bartik/css/layout.css
+++ b/core/themes/bartik/css/layout.css
@@ -24,10 +24,13 @@ body,
 #header div.section {
   position: relative;
 }
-.region-header {
-  float: right; /* LTR */
+.region-header-first {
+  float: left; /* LTR */
+  margin: .5em 5px .75em;
+}
+.region-header-second {
+  float: left; /* LTR */
   margin: .5em 5px .75em;
-  border: 1px solid #ccc;
 }
 #secondary-menu {
   width: 100%;
@@ -71,8 +74,15 @@ body,
   padding: 0 10px;
 }
 
-@media all and (min-width: 560px) and (max-width: 850px) {
+@media all and (min-width: 561px) and (max-width: 850px) {
 
+  .region-header-first {
+    max-width: 50%;
+  }
+  .region-header-second {
+    float: right; /* LTR */
+    max-width: 50%;
+  }
   #sidebar-first,
   .region-triptych-first,
   .region-triptych-middle,
@@ -134,6 +144,13 @@ body,
 
 @media all and (min-width: 851px) {
 
+  .region-header-first {
+    max-width: 48%;
+  }
+  .region-header-second {
+    float: right; /* LTR */
+    max-width: 48%;
+  }
   #header div.section,
   #featured div.section,
   #messages div.section,
diff --git a/core/themes/bartik/css/style-rtl.css b/core/themes/bartik/css/style-rtl.css
index dc7c2a4..e0d8233 100644
--- a/core/themes/bartik/css/style-rtl.css
+++ b/core/themes/bartik/css/style-rtl.css
@@ -37,32 +37,43 @@ ul.tips {
 
 /* ------------------ Header ------------------ */
 
-#logo {
+#block-page-site-logo {
   padding: 15px 10px 15px 15px;
 }
-#logo,
-#name-and-slogan,
-.region-header .block,
-.region-header #block-user-login .form-item,
-.region-header #block-user-login .item-list li {
+#block-page-site-slogan {
+  margin: 0 15px 30px 0;
+}
+#block-page-site-logo,
+#block-page-site-name,
+#block-page-site-slogan,
+.region-header-first .block,
+.region-header-first #block-user-login .form-item,
+.region-header-first #block-user-login .item-list li {
   float: right;
 }
-#name-and-slogan {
-  margin: 0 15px 30px 0;
+.region-header-second .block,
+.region-header-second #block-user-login .form-item,
+.region-header-second #block-user-login .item-list li {
+  float: left;
 }
-.region-header .form-text {
+.region-header-first .form-text,
+.region-header-second .form-text {
   margin-left: 2px;
   margin-right: 0;
 }
-.region-header #block-user-login .item-list li.last {
+.region-header-first #block-user-login .item-list li.last,
+.region-header-second #block-user-login .item-list li.last {
   padding-left: 0;
   padding-right: 0.5em;
 }
-.region-header #block-user-login ul.openid-links li.last {
+.region-header-first #block-user-login ul.openid-links li.last,
+.region-header-second #block-user-login ul.openid-links li.last {
   padding-right: 0;
 }
-.region-header #user-login-form li.openid-link a,
-.region-header #user-login li.openid-link a {
+.region-header-first #user-login-form li.openid-link a,
+.region-header-first #user-login li.openid-link a,
+.region-header-second #user-login-form li.openid-link a,
+.region-header-second #user-login li.openid-link a {
   background-position: right -3px;
   padding-left: 0;
   padding-right: 20px;
diff --git a/core/themes/bartik/css/style.css b/core/themes/bartik/css/style.css
index 89e4fd4..53e1121 100644
--- a/core/themes/bartik/css/style.css
+++ b/core/themes/bartik/css/style.css
@@ -108,7 +108,7 @@ pre {
 /* ------------------ Fonts ------------------ */
 
 body,
-#site-slogan,
+#block-page-site-slogan,
 .ui-widget,
 .comment-form label {
   font-family: Georgia, "Times New Roman", Times, serif;
@@ -310,61 +310,62 @@ ul.tips {
 #skip-link a:focus {
   outline: 0;
 }
-#logo {
+#block-page-site-logo {
   float: left; /* LTR */
   padding-left: 5px; /* LTR */
 }
-
-#name-and-slogan {
-  float: left; /* LTR */
-  margin: 0;
-  padding: 5px 10px 8px;
-}
-#site-name {
-  font-size: 1.6em;
-  color: #686868;
+#block-page-site-name {
+  font-size: 1.821em;
+  width: 60%;
   line-height: 1;
 }
-h1#site-name {
-  margin: 0;
-}
-#site-name a {
-  font-weight: normal;
+#block-page-site-name a {
+  text-decoration: underline;
 }
-#site-slogan {
+#block-page-site-slogan {
   font-size: 0.929em;
-  margin-top: 7px;
   word-spacing: 0.1em;
   font-style: italic;
+  padding: 5px 10px 0;
+  word-wrap: normal;
 }
 /* Region header blocks. */
-.region-header .block {
+.region-header-first .block {
   font-size: 0.857em;
   float: left; /* LTR */
   margin: 0 10px;
-  padding: 0;
 }
-.region-header .block > h2 {
+.region-header-second .block {
+  font-size: 0.857em;
+  float: right; /* LTR */
+  margin: 0 10px;
+}
+.region-header-first .block > h2,
+.region-header-second .block > h2 {
   /* @extend .element-invisible */
   position: absolute !important;
   clip: rect(1px, 1px, 1px, 1px);
   overflow: hidden;
   height: 1px;
 }
-.region-header .block .content {
+.region-header-first .block .content,
+.region-header-second .block .content {
   margin: 0;
   padding: 0;
 }
-.region-header .block ul {
+.region-header-first .block ul,
+.region-header-second .block ul {
   margin: 0;
   padding: 0;
 }
-.region-header .block li {
+.region-header-first .block li,
+.region-header-second .block li {
   list-style: none;
   list-style-image: none;
   padding: 0;
 }
-.region-header .form-text {
+.region-header-first .form-text,
+.region-header-second .form-text {
   background: #fefefe;
   background: rgba(255, 255, 255, 0.7);
   border-color: #ccc;
@@ -372,88 +373,113 @@ h1#site-name {
   margin-right: 2px; /* LTR */
   width: 120px;
 }
-.region-header .form-text:hover,
-.region-header .form-text:focus,
-.region-header .form-text:active {
+.region-header-first .form-text:hover,
+.region-header-first .form-text:focus,
+.region-header-first .form-text:active,
+.region-header-second .form-text:hover,
+.region-header-second .form-text:focus,
+.region-header-second .form-text:active {
   background: #fff;
   background: rgba(255, 255, 255, 0.8);
 }
-.region-header .form-required {
+.region-header-first .form-required,
+.region-header-second .form-required {
   color: #eee;
   color: rgba(255, 255, 255, 0.7);
 }
 /* Region header block menus. */
-.region-header .block-menu {
+.region-header-first .block-menu,
+.region-header-second .block-menu {
   border: 1px solid;
   border-color: #eee;
   border-color: rgba(255, 255, 255, 0.2);
   padding: 0;
   width: 208px;
 }
-.region-header .block-menu li a {
+.region-header-first .block-menu li a,
+.region-header-second .block-menu li a {
   display: block;
   border-bottom: 1px solid;
   border-bottom-color: #eee;
   border-bottom-color: rgba(255, 255, 255, 0.2);
   padding: 3px 7px;
 }
-.region-header .block-menu li a:hover,
-.region-header .block-menu li a:focus,
-.region-header .block-menu li a:active {
+.region-header-first .block-menu li a:hover,
+.region-header-first .block-menu li a:focus,
+.region-header-first .block-menu li a:active,
+.region-header-second .block-menu li a:hover,
+.region-header-second .block-menu li a:focus,
+.region-header-second .block-menu li a:active {
   text-decoration: none;
   background: rgba(255, 255, 255, 0.15);
 }
-.region-header .block-menu li.last a {
+.region-header-first .block-menu li.last a,
+.region-header-second .block-menu li.last a {
   border-bottom: 0;
 }
 /* User Login block in the header region */
-.region-header #block-user-login {
+.region-header-first #block-user-login,
+.region-header-second #block-user-login {
   width: auto;
 }
-.region-header #block-user-login .content {
+.region-header-first #block-user-login .content,
+.region-header-second #block-user-login .content {
   margin-top: 2px;
 }
-.region-header #block-user-login .form-item {
+.region-header-first #block-user-login .form-item,
+.region-header-second #block-user-login .form-item {
   float: left; /* LTR */
   margin: 0;
   padding: 0;
 }
-.region-header #block-user-login div.item-list,
-.region-header #block-user-login div.description {
+.region-header-first #block-user-login div.item-list,
+.region-header-first #block-user-login div.description,
+.region-header-second #block-user-login div.item-list,
+.region-header-second #block-user-login div.description {
   font-size: 0.916em;
   margin: 0;
 }
-.region-header #block-user-login div.item-list {
+.region-header-first #block-user-login div.item-list,
+.region-header-second #block-user-login div.item-list {
   clear: both;
 }
-.region-header #block-user-login div.description {
+.region-header-first #block-user-login div.description,
+.region-header-second #block-user-login div.description {
   display: inline;
 }
-.region-header #block-user-login .item-list ul {
+.region-header-first #block-user-login .item-list ul,
+.region-header-second #block-user-login .item-list ul {
   padding: 0;
   line-height: 1;
 }
-.region-header #block-user-login .item-list li {
+.region-header-first #block-user-login .item-list li,
+.region-header-second #block-user-login .item-list li {
   list-style: none;
   float: left; /* LTR */
   padding: 3px 0 1px;
 }
-.region-header #block-user-login .item-list li.last {
+.region-header-first #block-user-login .item-list li.last,
+.region-header-second #block-user-login .item-list li.last {
   padding-left: 0.5em; /* LTR */
 }
-.region-header #block-user-login ul.openid-links li.last {
+.region-header-first #block-user-login ul.openid-links li.last,
+.region-header-second #block-user-login ul.openid-links li.last {
   padding-left: 0; /* LTR */
 }
-.region-header #user-login-form li.openid-link a,
-.region-header #user-login li.openid-link a {
+.region-header-first #user-login-form li.openid-link a,
+.region-header-first #user-login li.openid-link a,
+.region-header-second #user-login-form li.openid-link a,
+.region-header-second #user-login li.openid-link a {
   padding-left: 20px; /* LTR */
 }
-.region-header #block-user-login .form-actions {
+.region-header-first #block-user-login .form-actions,
+.region-header-second #block-user-login .form-actions {
   margin: 4px 0 0;
   padding: 0;
   clear: both;
 }
-.region-header #block-user-login input.form-submit {
+.region-header-first #block-user-login input.form-submit,
+.region-header-second #block-user-login input.form-submit {
   border: 1px solid;
   border-color: #ccc;
   border-color: rgba(255, 255, 255, 0.5);
@@ -462,20 +488,25 @@ h1#site-name {
   margin: 4px 0;
   padding: 3px 8px;
 }
-.region-header #block-user-login input.form-submit:hover,
-.region-header #block-user-login input.form-submit:focus {
+.region-header-first #block-user-login input.form-submit:hover,
+.region-header-first #block-user-login input.form-submit:focus,
+.region-header-second #block-user-login input.form-submit:hover,
+.region-header-second #block-user-login input.form-submit:focus {
   background: #fff;
   background: rgba(255, 255, 255, 0.9);
 }
 /* Search block in region header. */
-.region-header #block-search-form {
+.region-header-first #block-search-form,
+.region-header-second #block-search-form {
   width: 208px;
 }
-.region-header #block-search-form .form-text {
+.region-header-first #block-search-form .form-text,
+.region-header-second #block-search-form .form-text {
   width: 154px;
 }
 /* Language switcher block in region header. */
-.region-header .block-locale ul li {
+.region-header-first .block-locale ul li,
+.region-header-second .block-locale ul li {
   display: inline;
   padding: 0 0.5em;
 }
@@ -1541,17 +1572,26 @@ div.admin-panel .description {
 
 /* ----------- media queries ------------------------------- */
 
-@media all and (min-width: 461px) and (max-width: 900px) {
+@media all and (min-width: 561px) and (max-width: 850px) {
  /* ------------ Header and Menus -------------------------- */
 
- .region-header {
+ .region-header-first {
+    width: auto;
+    margin: .5em 5px .75em;
+ }
+  .region-header-second {
+    width: auto;
     margin: .5em 5px .75em;
   }
-  #logo {
+  #block-page-site-logo {
     padding: 5px 0 0 5px; /* LTR */
   }
-  #name-and-slogan {
+  #block-page-site-name {
     padding: 10px 10px 8px;
+    width: 50%;
+  }
+  #block-page-site-slogan {
+    padding: 10px 10px 0;
   }
   #main-menu-links {
     margin: 0 5px;
@@ -1577,21 +1617,23 @@ div.admin-panel .description {
   }
 }
 
-@media all and (min-width: 901px) {
+@media all and (min-width: 851px) {
 
-  .region-header {
+  .region-header-first,
+  .region-header-second {
     margin: 1em 5px 1.5em;
   }
-  #logo {
+  #block-page-site-logo {
     padding: 15px 15px 15px 10px; /* LTR */
   }
-  #name-and-slogan {
-    padding: 26px 0 0;
-    margin: 0 0 30px 15px; /* LTR */
-  }
-  #site-name {
+  #block-page-site-name {
+    width: 60%;
+    padding: 10px 10px 8px;
     font-size: 1.821em;
   }
+  #block-page-site-slogan {
+    padding: 10px 10px 10px 15px ;
+  }
   #main-menu-links {
     font-size: 0.929em;
     margin: 0;
diff --git a/core/themes/bartik/templates/page.html.twig b/core/themes/bartik/templates/page.html.twig
index 1af8907..5bd618c 100644
--- a/core/themes/bartik/templates/page.html.twig
+++ b/core/themes/bartik/templates/page.html.twig
@@ -56,7 +56,8 @@
  *   comment/reply/12345).
  *
  * Regions:
- * - page.header: Items for the header region.
+ * - page.header_first: Items for the first header region.
+ * - page.header_second: Items for the second header region.
  * - page.featured: Items for the featured region.
  * - page.highlighted: Items for the highlighted content region.
  * - page.help: Dynamic help text, mostly for admin pages.
@@ -92,39 +93,14 @@
       </nav> <!-- /#secondary-menu -->
     {% endif %}
 
-    {% if logo %}
-      <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home" id="logo">
-        <img src="{{ logo }}" alt="{{ 'Home'|t }}" />
-      </a>
+    {% if page.header_first %}
+      {{ page.header_first }}
     {% endif %}
 
-    {% if site_name or site_slogan %}
-      <div id="name-and-slogan"{% if hide_site_name and hide_site_slogan %} class="element-invisible"{% endif %}>
-        {% if site_name %}
-          {% if title %}
-            <div id="site-name"{% if hide_site_name %} class="element-invisible"{% endif %}>
-              <strong>
-                <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home"><span>{{ site_name }}</span></a>
-              </strong>
-            </div>
-          {# Use h1 when the content title is empty #}
-          {% else %}
-            <h1 id="site-name"{% if hide_site_name %} class="element-invisible" {% endif %}>
-              <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home"><span>{{ site_name }}</span></a>
-            </h1>
-          {% endif %}
-        {% endif %}
-
-        {% if site_slogan %}
-          <div id="site-slogan"{% if hide_site_slogan %} class="element-invisible"{% endif %}>
-            {{ site_slogan }}
-          </div>
-        {% endif %}
-      </div><!-- /#name-and-slogan -->
+    {% if page.header_second %}
+      {{ page.header_second }}
     {% endif %}
 
-    {{ page.header }}
-
     {% if main_menu %}
       <nav id ="main-menu" class="navigation" role="navigation">
         {{ main_menu }}