.relatedEntry {margin-bottom:40px;padding:15px 10px;border:7px solid #eafafd}
.relatedEntry h2 {font-size:20px;margin:0 0 5px 1%}
.relatedEntry .list {margin:0;padding:0;list-style:none}
.relatedEntry .list > li {float:left;width:30%;margin-right:2%;padding-right:2%;border-right:1px solid #efefef}
.relatedEntry .list > li.left {margin-left:1%}
.relatedEntry .list > li.right {margin-right:0;padding-right:0;border-right:none}
.relatedEntry a {display:block;color:#373737}
.relatedEntry time {font-size:12px;color:#999}
.relatedEntry h3 {font-size:14px;line-height:1.5}
.relatedEntry .pic {position:relative;overflow:hidden;width:100%;margin-bottom:.25em;background:#efefef}
.relatedEntry .pic img{position:absolute;top:50%;left:50%;height:auto}

@media screen and (max-width: 650px){
  .relatedEntry {margin:0 -5px 40px;padding:0;border:none}
  .relatedEntry h2 {font-size:16px;margin:0 0 5px 0;padding:5px 10px;color:white;background:#333}
  .relatedEntry.blue h2 {background:#4ad6f2;}
  .relatedEntry .list > li {float:none;width:100%;margin-right:0;padding-right:0;border-right:none;border-bottom:1px solid #efefef}
  .relatedEntry .list > li.left {margin-left:0}
  .relatedEntry a {position:relative;padding:7px 10px 12px}
  .relatedEntry .desc {margin-left:140px}
  .relatedEntry .pic {position:absolute;top:10px;left:10px;width:120px;margin-bottom:0}
}

.relatedEntry .pic { background: none; }
.relatedEntry .pic img { position: static; /*max-width:97.5%;*/ max-width:100%; }