.events {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  left: 50%;
  margin: 0 0 0 0;
  text-align: center;
  z-index: 2;
  transform: translate(-50%, 0%);
  /*border-top: 1.5px solid gray;*/
  /*border-bottom: 1.5px solid gray;*/
  background: #18181b;
  padding: 0.35em 0;
  font-family: sans-serif;
  font-size: 1em;
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .events {
    margin: 2rem 0 0 0;
    /*border: 1.5px solid gray;*/
    border: 0px;
    border-radius: 5px;
    padding: 1em 1em;
    width: auto;
  }
}