body {
  background: black;
  font-family: sans-serif;
  color: #F8F8F0;
  margin: 0;
  padding: 0;
}

a, a:visited {
  color: #BCD;
}
a:hover {
  color: #DEF;
}

#wrapper {
  width: 960px;
  background: #111515;
  margin: 0 auto 30px;
  padding: 0;
  overflow: hidden;
}

#header, 
#footer {
  text-align: center;
  margin: 0;
  padding: 0;
}
#header img,
#footer img {
  display: block;
  margin: 0;
  width: 100%;
}
#footer {
  margin-top: -100px;
}
#header img {
  margin: 0;
}

#content {
  padding: 23px;
}

.video {
  margin: 30px 0 0 0;
}

#makingof {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  margin-top: 19px;
}
#makingof a {
  height: 150px;
  -webkit-flex: 0 1 auto;
  margin-top: 29px;
}
#makingof img {
  height: 150px;
}

#bios {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;
  margin-top: 19px;
}
#bios img {
  width: 300px;
  z-index: 10;
}

#social {
  text-align: center;
}
#social img {
  display: inline;
  width: 60px;
  margin: 10px 22px;
  -webkit-filter: invert(45%);
  filter: invert(45%);
}
#instagram img {
  opacity: 0.7;
  filter: none;
  -webkit-filter: none;
}
#social a#instagram:hover img {
  opacity: 1;
  filter: none;
  -webkit-filter: none;
}
#social a:hover img {
  -webkit-filter: invert(60%); 
  filter: invert(60%);
}