#maintance-note {
  
  width: 100%;
  text-align: center;
  padding: 2em 20%;
  color: white;
  background: linear-gradient(to top, #b61f29 0%,#b80000 87%,#840000 100%);
  z-index: 99999;
  position: fixed;
  font-weight: bold;
  box-shadow: 0 4px 10px -2px #000;
  top: 0;

}
.close {

  display: block;
  position: absolute;
  right: 0;
  margin-right: 1em;
  width: 1.25em;
  height: 1.25em;

}
.close:before, .close:after {

  position: absolute;
  left: 15px;
  content: ' ';
  height: 1.25em;
  width: 3px;
  background-color: #eee;

}
.close:before {

  transform: rotate(45deg);

}
.close:after {

  transform: rotate(-45deg);

}