body {
  background-color: #660000;
}
.primary-content {
  max-width: 800px;
  height: 100vh;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}
.external-links {
  max-width: 620px;
}


@media (max-width: 767px) {
  .external-links {
    display: block;
    text-align: center;
    margin-top: 15px;
  }
  .external-links li {
      max-width: 30%;
      width: 30%;
      display: inline-block;
  }
  .discogs {
    padding: 10px; /*To prevent this image appearing larger than others when reduced*/
  }
}