h2 {
  font-size:2em;
  text-transform:uppercase;
  text-align:center;
  margin:1em;
  padding:0;
}

h3 {
  font-size:1.5em;
  margin:1em;
  padding:0;
}

h4 {
  font-size:1.2em;
  margin:1em;
  padding:0;
}

#content p.location {
  font-weight:bold;
  font-size:1.2em;
  padding-left:2em;
}

#content p.location::before {
  content: "Location: ";
  font-weight:100;
}

#content p.quote {
  font-style:italic;
  padding-left:3em;
}

#content p.quote::before, #content p.quote::after {
  content: '"';
}

#content p.objective {
  padding-left:2em;
}

#content p.objective::before {
  content:'-';
  padding-right:0.5em;
}

div.collectible {
  border:1px solid #000;
  margin:0.5em 20%;
  box-sizing:border-box;
  font-size:1.2em;
}

div.collectible div {
  padding:0.5em;
}

div.collectible div.header{
  font-weight:bold;
  background:#CCC;
}

div.collectible img {
  max-width:100%;
}

@media screen and (max-width: 600px) {
  div.collectible {
    margin:0.5em 0;
    border-width:1px 0;
  }
}