.black-shadow {
  color: #BCABAE;
}

.dim-gray {
  color: #716969;
}

.snow {
  color: #FBFBFB;
}

.pomp-and-power {
  color: #8D5A97;
}

.bg-black-shadow {
  background-color: #BCABAE;
}

.bg-dim-gray {
  background-color: #716969;
}

.bg-snow {
  background-color: #FBFBFB;
}

.bg-pomp-and-power {
  background-color: #8D5A97;
}

.movie-card .movie-profile {
  color: #FBFBFB;
  font-size: 1.3em;
  clear: both;
  line-height: 1.9em;
}
.movie-card ul li span {
  width: 168px;
  display: inline-block;
  text-align: right;
  padding-right: 9px;
}

.md-blog .movie.single-post .field-name {
  font-family: monospace;
  font-size: 0.9em;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

.md-blog .movie.single-post .field-content {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

.md-blog .movie.single-post .year {
  font-size: 1.8em;
  text-align: left;
  padding: 0.7em 15px;
}

.md-blog .movie.single-post .post-body,
.md-blog .illustration.single-post .post-body,
.md-blog .book.single-post .post-body{
  padding-left: 0;
  min-height: 0;
}

.align-right{
  text-align: right;
}

.align-left{
  text-align: left;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
  .md-blog .movie.single-post .year, .md-blog .movie.single-post .field-name {
    text-align: left;
  }

  .md-blog .movie.single-post .field-content {
    width: 100%;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .md-blog .movie.single-post .year, .md-blog .movie.single-post .field-name {
    text-align: right;
    width: 40%;
  }
  .md-blog .movie.single-post .field-content {
    width: 60% !important;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}