.wrapper {
  padding: 1rem;
}

header {
  height: 100px;
  max-height: 100px;
  margin-bottom: 1rem;
  background: url("images/glu-logo.png") no-repeat;
  background-size: contain;
}

h1 {
  color: #00D5FF;
  text-align: center;
  margin-bottom: 1rem;
}

.image img {
  max-width: 600px;
}

.box-art-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.box-art-images .image {
  margin-bottom: 2rem;
}

.badges {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}

.badges a:first-child {
  margin-right: 1rem;
}

@media screen and (min-width: 1243px) {

  .image .box-art {
    max-width: 590px;
  }

  .box-art-images .image:first-child {
    margin-right: 2rem;
  }

}