.post-content {

width: 600px;
display: block;
margin: 10px auto 10px;

} .post-date {

display: block;
margin-bottom: 1rem;
color: #9a9a9a;
font-size:0.8rem;

} .featured-image img {

align: middle;
margin: 5px auto 25px;
display: block;
max-width: 600px;

} @media (max-width: $container-width) {

.post-content {
  width: 60vw;
  display: block;
  margin: 10px auto 10px;
}
.featured-image img {
  align: middle;
  margin: 5px auto 25px;
  display: block;
  max-width: 60vw;
}

} @media (max-width: $tablet-width) {

.post-content {
  width: 95vw;
  display: block;
  margin: 10px auto 10px;
}
.featured-image img {
  align: middle;
  margin: 5px auto 25px;
  display: block;
  max-width: 95vw;
}

} .post-share {

padding-bottom: 1rem;

} .sharing-icons a {

padding-right: 10px;

}

/*

Related Posts

*/

.related {

padding-bottom: 1rem;

} .related ul, ol, dl {

margin: 0px;

} .related-posts {

padding: 10px 0px 10px;
list-style: none;
display: inline-block;

} .related-thumbnail {

position: relative;
width: 600px;
height: 200px;
overflow: hidden;

} .related img {

position: absolute;
left: 50%;
top: 50%;
height: auto;
width: 600px;
-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);

} .related-title {

float: right;
padding-bottom: .5rem;
font-family: $base-font-family;

} @media (max-width: $container-width) {

.related-thumbnail{
  width: 60vw;
}

} @media (max-width: $tablet-width) {

.related-thumbnail{
  width: 95vw;
}

}