.related-posts h2 {both; background-color:#CCC; padding: 6px 8px; color:#000; margin: 0px 0px 12px -10px; letter-spacing: 1px; font-size:.8em;
-webkit-box-shadow: 0 5px 6px -6px #000;
	   -moz-box-shadow: 0 5px 6px -6px #000;
	        box-shadow: 0 5px 6px -6px #000;}
.related-posts ul {
    margin: 1em 0 2em 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
.related-posts img {
    margin: 0 0 6px 0;
    
}
.related-posts li {
    margin-right: 5px;
    padding-bottom:5px;
    float:left;
    position: relative;
    width: 25%;
text-align:center;
padding-left: 10px;
padding-right: 10px;
height: 130px;
}
.related-posts a {color: #666;}
.related-posts a:hover {color:#666;}

@media only screen and (max-width: 768px) {
.related-posts li {width:33.25%;}}

@media screen and (max-width: 480px) and (orientation: landscape) {
.related-posts li {width:30%;}}

@media screen and (max-width: 480px) and (orientation: portrait) {
.related-posts li {width:40%;}}