diff --git a/core/themes/bartik/css/components/header.css b/core/themes/bartik/css/components/header.css
index 031d0b2..c94e090 100644
--- a/core/themes/bartik/css/components/header.css
+++ b/core/themes/bartik/css/components/header.css
@@ -5,10 +5,31 @@
 .header .section {
   position: relative;
 }
+@media all and (max-width: 460px) {
+  .header .section {
+    text-align: center;
+  }
+}
 .region-header {
   float: right; /* LTR */
   margin: .5em 5px .75em;
 }
+@media all and (min-width: 901px) {
+  .region-header {
+    padding-top: 26px;
+  }
+}
+@media all and (max-width: 900px) and (min-width: 461px) {
+  .region-header {
+    padding-top: 10px;
+  }
+}
+@media all and (max-width: 460px) {
+  .region-header {
+    clear: both;
+    float: none;
+  }
+}
 [dir="rtl"] .region-header {
   float: left;
 }
@@ -51,6 +72,14 @@
     padding: 9px 9px 4px 4px;
   }
 }
+@media all and (max-width: 460px) {
+  #logo,
+  .site-logo {
+    display: inline-block;
+    float: none;
+    vertical-align: top;
+  }
+}
 #name-and-slogan,
 .site-branding-text {
   float: left; /* LTR */
@@ -78,6 +107,15 @@
     margin: 0 15px 30px 0;
   }
 }
+@media all and (max-width: 460px) {
+   #name-and-slogan,
+  .site-branding-text {
+    display: inline-block;
+    float: none;
+    padding-top: 15px;
+    vertical-align: top;
+  }
+}
 #site-name,
 .site-name {
   font-size: 1.6em;
@@ -113,6 +151,12 @@ h1.site-name {
   margin: 0 10px;
   padding: 0;
 }
+@media all and (max-width: 460px) {
+  .region-header .block {
+    clear: both;
+    float: none;
+  }
+}
 .region-header .block > h2 {
   /* @extend .visually-hidden */
   position: absolute !important;