body.maintenance-page {
  background-color: #fff;
  color: #000; }

.maintenance-page #page-wrapper {
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
  min-height: 0;
  border: em(1) solid #ddd;
  margin-top: em(40); }

.maintenance-page #page {
  margin: em(10); }

.maintenance-page #main-wrapper {
  min-height: inherit; }

.maintenance-page #header {
  width: auto; }

.maintenance-page #main {
  margin: 0; }

.maintenance-page .content .section {
  padding: 0 0 0 em(10);
  /* LTR */ }

[dir="rtl"] .maintenance-page .content .section {
  padding-left: 0;
  padding-right: em(10); }

.maintenance-page #header {
  background-color: #fff;
  background-image: none; }

.maintenance-page .site-branding-text {
  margin-bottom: em(50);
  margin-left: 0;
  /* LTR */
  padding-top: em(20);
  font-size: 90%; }

[dir="rtl"] .maintenance-page .site-branding-text {
  margin-right: 0; }

.maintenance-page .site-branding-text,
.maintenance-page .site-branding-text a,
.maintenance-page .site-branding-text a:hover,
.maintenance-page .site-branding-text a:focus {
  color: #777; }

.maintenance-page .page-title {
  line-height: 1em;
  margin-top: 0; }

@media all and (min-width: em(800)) {
  .maintenance-page #page-wrapper {
    width: em(800); }
  .maintenance-page #header div.section,
  .maintenance-page #main {
    width: em(700); } }

@media all and (min-width: em(600)) {
  /* @TODO find the proper breakpoint */
  .maintenance-page #page {
    margin: em(20) em(40) em(40); } }