diff --git a/core/themes/bartik/css/components/header.css b/core/themes/bartik/css/components/header.css
index 036b1b0..ad99dd2 100644
--- a/core/themes/bartik/css/components/header.css
+++ b/core/themes/bartik/css/components/header.css
@@ -6,39 +6,35 @@
   position: relative;
 }
 .region-header {
-  margin: .5em 5px .75em;
+  padding: 0 15px 20px;
 }
-[dir="rtl"] .region-header {
-  float: left;
-}
-@media all and (min-width: 461px) and (max-width: 900px) {
-  .region-header {
-    margin: .5em 5px .75em;
+
+@media all and (min-width: 461px) {
+  .region-header .block {
+    float: right;
   }
-}
-@media all and (min-width: 901px) {
-  .region-header {
-    margin: 1em 5px 1.5em;
+  [dir="rtl"] .region-header .block {
+    float: left;
+  }
+  .region-header .branding {
+    float: left; /* LTR */
+  }
+  [dir="rtl"] .region-header .branding {
+    float: right;
   }
 }
+
 .site-logo {
   float: left; /* LTR */
-  padding: 4px 4px 4px 9px; /* LTR */
+  padding: 4px 20px 10px 0; /* LTR */
 }
 [dir="rtl"] .site-logo {
   padding: 4px 9px 4px 4px;
 }
-@media all and (min-width: 461px) and (max-width: 900px) {
-  .site-logo {
-    padding: 5px 0 0 5px; /* LTR */
-  }
-  [dir="rtl"] .site-logo {
-    padding: 5px 5px 0 0;
-  }
-}
+
 @media all and (min-width: 901px) {
   .site-logo {
-    padding: 9px 4px 4px 9px; /* LTR */
+    padding: 0 19px 0 0; /* LTR */
   }
   [dir="rtl"] .site-logo {
     padding: 9px 9px 4px 4px;
@@ -47,25 +43,12 @@
 .site-branding-text {
   float: left; /* LTR */
   margin: 0;
-  padding: 5px 10px 8px;
+  padding: 15px 0 0 0;
 }
 [dir="rtl"] .site-branding-text {
   margin: 0 15px 30px 0;
 }
-@media all and (min-width: 461px) and (max-width: 900px) {
-  .site-branding-text {
-    padding: 10px 10px 8px;
-  }
-}
-@media all and (min-width: 901px) {
-  .site-branding-text {
-    padding: 26px 0 0;
-    margin: 0 0 30px 15px; /* LTR */
-  }
-  [dir="rtl"] .site-branding-text {
-    margin: 0 15px 30px 0;
-  }
-}
+
 .site-name {
   font-size: 1.6em;
   color: #686868;
@@ -92,9 +75,6 @@ h1.site-name {
 /* Region header blocks. */
 .region-header .block {
   font-size: 0.857em;
-  float: left; /* LTR */
-  margin: 0 10px;
-  padding: 0;
 }
 .region-header .block > h2 {
   /* @extend .visually-hidden */
@@ -235,10 +215,10 @@ h1.site-name {
   border-bottom: none;
 }
 
+[dir="rtl"] .branding,
 [dir="rtl"] .site-logo,
 [dir="rtl"] .site-branding-text,
-[dir="rtl"] .region-header .block,
 [dir="rtl"] .region-header #block-user-login .form-item,
 [dir="rtl"] .region-header #block-user-login .item-list li {
   float: right;
-}
+}
\ No newline at end of file