/* X-Small col */
@media (max-width: 575.98px) {
  body #page-container header #lune {
    display: none;
  }
}

/* Small - sm*/
/* Medium - md*/
/* Large - lg*/
@media (max-width: 1199.98px) {
  body #page-container {
    background-size: contain;
    background-position: 50% 100%;
  }
  body #page-container header {
    justify-content: center;
  }
  body #page-container header #title {
    font-size: 3rem;
  }
  body #page-container main #player {
    max-width: 100%;
  }
}

/* X-Large - xl*/