body {
  width: 300px;
  margin: 0 auto;

  background: #93a1a1;

  font-family: 'Open Sans', sans-serif;
}

body > h1 {
  margin: 10px 0 0 0;
  text-align: center;
  font-size: 20px;
}

/* iphone 5 browser res: 320 x 460 px */

/* tablets */
@media (min-width: 768px) {
  body {
    width: 640px;
  }

  body > h1 {
    font-size: 34px;
  }
}

/* desktops */
@media (min-width: 992px) {
  body {
    width: 960px;
  }
}

/* big ass-desktops */
@media (min-width: 1280px) {
  body {
    width: 1280px;
  }
}

.artwork {
  display: inline-block;

  position: relative;
  width: 260px;
  height: 455px;
  margin: 10px;

  overflow: hidden;

  border: 8px solid #282828;
  background: #282828;
  color: #d8d8d8;
}

.artwork img {
  height: 400px;
  width: 260px;
}

.title {
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 45px;

  margin: 0;
  padding: 5px;

  background: #282828;
}

.title h1 {
  font-size: 20px;
  margin: 0;
}

.original {
  float: right;
  color: #268bd2;
}