.post {display:table; margin-left:auto; width:100%; margin:0em 0em 1em 0em; padding:15px; border:1px solid  rgba(30, 144, 255, 0.2); border-radius:8px;}
.post:hover {background-color:#EEE; cursor:pointer;}
.date {top:0px; display:table-cell; border:none; padding:0px; margin:0px; text-align:center; line-height: 1.0; vertical-align:top;}
.post-content {top:0px; display:table-cell; border:none; padding-left:10px; margin:0px 0px 0px 10px; text-align:left; vertical-align:top; overflow:hidden;}
.month, .day, .pin, .year {font-family:'Smooch Sans';text-align:center; font-weight:900;}
.month{color:#000; font-size:32px; }
.day{color:#515151; font-size:32px; }
.year{color:#515151; font-size:14px;}
.pin {color:#FF0000;}
.pinned {font-size:12px; color:#515151; font-weight:bold; text-align:center;}
.read-all {font-size:13px; text-align:right; padding-top:10px;}
.read-all a {color:#1E90FF;}
.profile {display:block; margin-left:auto; margin-right:auto; max-width:150px; height:auto; border-radius:50%; padding:15px;}
.social {text-align:center; margin-bottom:30px;}
.social img {max-width:36px; height:auto; padding:5px;}
.social img:hover, .profile:hover {animation:shake 0.1s; animation-iteration-count:infinite;}
@keyframes shake {
  0% { transform: translate(3px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -1px) rotate(-3deg); }
  20% { transform: translate(-1px, 0px) rotate(4deg); }
  30% { transform: translate(1px, 2px) rotate(1deg); }
  40% { transform: translate(2px, -1px) rotate(0deg); }
  50% { transform: translate(-3px, 3px) rotate(-1deg); }
  60% { transform: translate(-3px, 2px) rotate(0deg); }
  70% { transform: translate(4px, 3px) rotate(-1deg); }
  80% { transform: translate(-0px, -2px) rotate(7deg); }
  90% { transform: translate(2px, 1px) rotate(0deg); }
  100% { transform: translate(1px, -4px) rotate(-1deg); }
}
@media screen and (max-width: 600px) {
.month, .day, .pin {font-size:26px;} 
}