.post-media .hero {
  margin-bottom: 10px; }
  .post-media .hero img {
    width: 100%;
    border: 1px #ccc solid;
  }
  
  .post-media .hero cite {
    font-size: 14px;
  }

.post-media .audio {
  display: block;
  clear: both;
  margin-bottom: 3em;
  position: relative; }
  .post-media .audio .label {
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25%; }
  .post-media .audio .icon-podcast {
    position: absolute;
    width: 84%;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -42%; }
  .post-media .audio .player {
    float: right;
    width: 75%;
    border: 1px solid #ccc; }
  .post-media .audio .caption {
    display: block;
    padding: 5px;
    clear: both;
    font-size: 0.875em;
    text-align: center;
    font-weight: 700; }
    .post-media .audio .caption cite {
      font-weight: 400; }
  @media (max-width: 480px) {
    .post-media .audio .label, .post-media .audio .player {
      float: none;
      width: auto;
      display: block;
      clear: both; }
    .post-media .audio .label {
      position: relative;
      margin: 0;
      padding: 5px 0; }
    .post-media .audio .icon-podcast {
      max-width: 200px;
      display: block;
      position: relative;
      margin: 0 auto;
      top: auto;
      left: auto; } }