diff --git a/core/themes/bartik/bartik.info.yml b/core/themes/bartik/bartik.info.yml
index 6851a12..e6b29b6 100644
--- a/core/themes/bartik/bartik.info.yml
+++ b/core/themes/bartik/bartik.info.yml
@@ -14,8 +14,9 @@ stylesheets:
 ckeditor_stylesheets:
   - css/ckeditor-iframe.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 1ad555a..b8fe55d 100644
--- a/core/themes/bartik/css/colors.css
+++ b/core/themes/bartik/css/colors.css
@@ -50,11 +50,14 @@ 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-second,
+.region-header-first a,
+.region-header-second a,
+.region-header-first li a.active,
+.region-header-second li a.active,
+.name-and-slogan,
+.name-and-slogan a,
 #secondary-menu-links li a {
   color: #fffeff;
 }
diff --git a/core/themes/bartik/css/layout.css b/core/themes/bartik/css/layout.css
index 74f015b..86258fe 100644
--- a/core/themes/bartik/css/layout.css
+++ b/core/themes/bartik/css/layout.css
@@ -24,13 +24,22 @@ body,
 #header div.section {
   position: relative;
 }
-.region-header {
+.region-header-first,
+.region-header-second {
+    margin: .5em 5px .75em;
+    border: 1px solid #ccc;
+}
+.region-header-first {
+  float: left; /* LTR */
+}
+.region-header-second {
   float: right; /* LTR */
-  margin: .5em 5px .75em;
-  border: 1px solid #ccc;
 }
-[dir="rtl"] .region-header {
-  float: left;
+[dir="rtl"] .region-header-first {
+  float: right;
+}
+[dir="rtl"] .region-header-second {
+    float: left;
 }
 #secondary-menu {
   width: 100%;
diff --git a/core/themes/bartik/css/style.css b/core/themes/bartik/css/style.css
index 85c834a..81c1c5f 100644
--- a/core/themes/bartik/css/style.css
+++ b/core/themes/bartik/css/style.css
@@ -105,7 +105,7 @@ pre {
 /* ------------------ Fonts ------------------ */
 
 body,
-#site-slogan,
+.site-slogan,
 #page .ui-widget,
 .comment-form label,
 .node-form label,
@@ -342,68 +342,74 @@ ul.tips {
 .skip-link:focus {
   outline: 0;
 }
-#logo {
+.logo {
   float: left; /* LTR */
   padding-left: 5px; /* LTR */
 }
-[dir="rtl"] #logo {
+[dir="rtl"] .logo {
   padding: 15px 10px 15px 15px;
 }
 
-#name-and-slogan {
+.name-and-slogan {
   float: left; /* LTR */
   margin: 0;
   padding: 5px 10px 8px;
 }
-[dir="rtl"] #name-and-slogan {
+[dir="rtl"] .name-and-slogan {
   margin: 0 15px 30px 0;
 }
 
-#site-name {
+.site-name {
   font-size: 1.6em;
   color: #686868;
   line-height: 1;
 }
-h1#site-name {
+h1.site-name {
   margin: 0;
 }
-#site-name a {
+.site-name a {
   font-weight: normal;
 }
-#site-slogan {
+.site-slogan {
   font-size: 0.929em;
   margin-top: 7px;
   word-spacing: 0.1em;
   font-style: italic;
 }
 /* Region header blocks. */
-.region-header .block {
+.region-header-first .block,
+.region-header-second .block {
   font-size: 0.857em;
   float: left; /* LTR */
   margin: 0 10px;
   padding: 0;
 }
-.region-header .block > h2 {
+.region-header-first .block > h2,
+.region-header-second .block > h2 {
   /* @extend .visually-hidden */
   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;
@@ -411,89 +417,113 @@ h1#site-name {
   margin-right: 2px; /* LTR */
   width: 120px;
 }
-[dir="rtl"] .region-header .form-text {
+[dir="rtl"] .region-header-first .form-text,
+[dir="rtl"] .region-header-second .form-text {
   margin-left: 2px;
   margin-right: 0;
 }
-.region-header .form-text:hover,
-.region-header .form-text:focus,
-.region-header .form-text:active {
+.region-header-first .form-text:hover,
+.region-header-second .form-text:hover,
+.region-header-first .form-text:focus,
+.region-header-second .form-text:focus,
+.region-header-first .form-text:active,
+.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 {
+/* Block menus in header regions. */
+.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-second .block-menu li a:hover,
+.region-header-first .block-menu li a:focus,
+.region-header-second .block-menu li a:focus,
+.region-header-first .block-menu li a:active,
+.region-header-second .block-menu li a:active {
   text-decoration: none;
   background: rgba(255, 255, 255, 0.15);
 }
-.region-header .block-menu li:last-child a {
+.region-header-first .block-menu li:last-child a,
+.region-header-second .block-menu li:last-child a {
   border-bottom: 0;
 }
-/* User Login block in the header region */
-.region-header #block-user-login {
+/* User Login block in header regions. */
+.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-second #block-user-login div.item-list,
+.region-header-first #block-user-login div.description,
+.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-child {
+.region-header-first #block-user-login .item-list li:last-child,
+.region-header-second #block-user-login .item-list li:last-child{
   padding-left: 0.5em; /* LTR */
 }
-[dir="rtl"] .region-header #block-user-login .item-list li:last-child {
+[dir="rtl"] .region-header-first #block-user-login .item-list li:last-child,
+[dir="rtl"] .region-header-second #block-user-login .item-list li:last-child {
   padding-left: 0;
   padding-right: 0.5em;
 }
-.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);
@@ -502,29 +532,37 @@ 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-second #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:focus {
   background: #fff;
   background: rgba(255, 255, 255, 0.9);
 }
-/* Search block in region header. */
-.region-header #block-search-form {
+/* Search block in region headers. */
+.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 {
+/* Language switcher block in region headers. */
+.region-header-first .block-locale ul li,
+.region-header-second .block-locale ul li {
   display: inline;
   padding: 0 0.5em;
 }
 
-[dir="rtl"] #logo,
-[dir="rtl"] #name-and-slogan,
-[dir="rtl"] .region-header .block,
-[dir="rtl"] .region-header #block-user-login .form-item,
-[dir="rtl"] .region-header #block-user-login .item-list li {
+[dir="rtl"] .logo,
+[dir="rtl"] .name-and-slogan,
+[dir="rtl"] .region-header-first .block,
+[dir="rtl"] .region-header-second .block,
+[dir="rtl"] .region-header-first #block-user-login .form-item,
+[dir="rtl"] .region-header-second #block-user-login .form-item,
+[dir="rtl"] .region-header-first #block-user-login .item-list li,
+[dir="rtl"] .region-header-second #block-user-login .item-list li {
   float: right;
 }
 
@@ -1754,16 +1792,17 @@ div.admin-panel .description {
 @media all and (min-width: 461px) and (max-width: 900px) {
  /* ------------ Header and Menus -------------------------- */
 
- .region-header {
+ .region-header-first,
+ .region-header-second {
     margin: .5em 5px .75em;
   }
-  #logo {
+  .logo {
     padding: 5px 0 0 5px; /* LTR */
   }
-  [dir="rtl"] #logo {
+  [dir="rtl"] .logo {
     padding: 5px 5px 0 0;
   }
-  #name-and-slogan {
+  .name-and-slogan {
     padding: 10px 10px 8px;
   }
   #main-menu-links {
@@ -1801,23 +1840,24 @@ div.admin-panel .description {
 
 @media all and (min-width: 901px) {
 
-  .region-header {
+  .region-header-first,
+  .region-header-second {
     margin: 1em 5px 1.5em;
   }
-  #logo {
+  .logo {
     padding: 15px 15px 15px 10px; /* LTR */
   }
-  [dir="rtl"] #logo {
+  [dir="rtl"] .logo {
     padding: 15px 10px 15px 15px;
   }
-  #name-and-slogan {
+  .name-and-slogan {
     padding: 26px 0 0;
     margin: 0 0 30px 15px; /* LTR */
   }
-  [dir="rtl"] #name-and-slogan {
+  [dir="rtl"] .name-and-slogan {
     margin: 0 15px 30px 0;
   }
-  #site-name {
+  .site-name {
     font-size: 1.821em;
   }
   #main-menu-links {
diff --git a/core/themes/bartik/templates/page.html.twig b/core/themes/bartik/templates/page.html.twig
index 5602997..689f918 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.
@@ -82,45 +83,20 @@
 <div id="page-wrapper"><div id="page">
 
   <header id="header" class="{{ secondary_menu ? 'with-secondary-menu' : 'without-secondary-menu' }}" role="banner"><div class="section clearfix">
-   {% if secondary_menu %}
+    {% if secondary_menu %}
       <nav id="secondary-menu" class="navigation" role="navigation">
         {{ secondary_menu }}
       </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="visually-hidden"{% endif %}>
-        {% if site_name %}
-          {% if title %}
-            <div id="site-name"{% if hide_site_name %} class="visually-hidden"{% 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="visually-hidden" {% 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="visually-hidden"{% 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 }}