#relatedposts{
    max-width: 600px;
    margin: auto;
}
#relatedposts li {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-bottom: 20px;
}

#relatedposts .relatedthumb{
    padding-top: 100%;
}

#relatedposts .relatedthumb{
    background-size: cover;
    background-repeat: no-repeat
}

#relatedposts h3 {
    font-family: Roboto;
    letter-spacing: 4px;
}

#relatedposts h3 small{
    font-family: Didot, serif;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 2px
}

#relatedposts .relatedcontent{
    text-align: center;
}

#relatedposts .relatedcontent h3{
    line-height: 19px;
    margin-top: 10px;
    font-family: Didot
}

#relatedposts .relatedcontent a{
    color: #333333;
    font-size: 9px;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 2px;
    line-height: 9px;
}

@media screen and (max-width: 768px){

    #relatedposts{
        max-width: 300px;
    }
    #relatedposts li {
        width: 100%;
    }
}