#metapos-demo-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: #fff2bb;
  color: #342600;
  font: 600 12px/1.4 Arial, sans-serif;
  text-align: center;
  padding: 4px 10px;
  box-shadow: 0 1px 4px #0002;
}

.main-header .header-overlay {
  padding-top: 24px;
}

@media (max-width: 600px) {
  #metapos-demo-banner {
    font-size: 10px;
    padding: 3px 5px;
  }

  .main-header .header-overlay {
    padding-top: 20px;
  }
}