.blog-image {
  margin-bottom: 13px; }
  .blog-image a {
    display: block; }
    .blog-image a img {
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      width: 100%; }

#homepage-blog {
  position: relative; }
  #homepage-blog h4 {
    display: none; }
    #homepage-blog h4:after {
      display: none; }
  @media (max-width: 991px) {
    #homepage-blog li {
      margin-bottom: 30px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    #homepage-blog li {
      width: 50%; } }
  #homepage-blog li .blog-container {
    padding: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #homepage-blog li .blog-container:hover .blog-image a img {
      opacity: 1; }
    #homepage-blog li .blog-container .blog-info {
      width: 100%;
      overflow: hidden; }
      #homepage-blog li .blog-container .blog-info .date-added,
      #homepage-blog li .blog-container .blog-info .commentcount {
        float: left; }
        #homepage-blog li .blog-container .blog-info .date-added i,
        #homepage-blog li .blog-container .blog-info .commentcount i {
          color: #00bbd3;
          font-size: 19px;
          margin-right: 7px;
          vertical-align: -2px;
          line-height: 19px;
          display: inline-block; }
      #homepage-blog li .blog-container .blog-info .commentcount {
        margin-left: 17px; }
  #homepage-blog li h5 {
    font: normal 16px/22px "Roboto", sans-serif;
    margin: 0 0 11px; }
    #homepage-blog li h5 a {
      font: normal 16px/22px "Roboto", sans-serif;
      color: #00bbd3; }
      #homepage-blog li h5 a:hover {
        color: #888888; }
  #homepage-blog li .post-descr {
    margin-bottom: 14px; }