// Maintenance styles
html { height: 100%; background-color: #ffffff; }

body {
  height: 100%;
  position: relative;
  background: url('../images/maintenance.jpg') no-repeat center top;
  background-size: cover;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -50px;
}

#push, #footer { height: 50px; }

div.maintenance-container {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.6);
}

footer.social-icons { float: right; }

@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  div.social-icons {
    clear: none;
    float: right;
    margin-top: 0;
    padding-right: 15px;
  }
}