.image-text {
  position: relative;
  text-align: center;
  display: inline-block; }
  .image-text .blog-image {
    overflow: hidden; }
    .image-text .blog-image img {
      width: 100%;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media only screen and (max-width: 767px) {
        .image-text .blog-image img {
          width: 100%; } }
  .image-text .name-date {
    position: absolute;
    top: 77px;
    left: 0;
    right: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .image-text .name-date .date-added {
      font: 400 43px/54px "Raleway", sans-serif;
      color: #0067b5;
      text-shadow: 2px 2px 4px #000000;
      margin-bottom: 0; }
      @media (max-width: 991px) {
        .image-text .name-date .date-added {
          font-size: 36px; } }
      @media (min-width: 501px) and (max-width: 767px) {
        .image-text .name-date .date-added {
          font-size: 30px;
          line-height: 30px; } }
    .image-text .name-date h5 {
      margin-top: 5px;
      color: #ffffff;
      text-shadow: 2px 2px 4px #000000;
      font: 600 21px/37px "Raleway", sans-serif;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media (max-width: 1199px) {
        .image-text .name-date h5 {
          font-size: 19px; } }
      @media (max-width: 991px) {
        .image-text .name-date h5 {
          font-size: 14px; } }
      @media (min-width: 501px) and (max-width: 767px) {
        .image-text .name-date h5 {
          line-height: 20px; } }
      @media (max-width: 500px) {
        .image-text .name-date h5 {
          font-size: 20px;
          line-height: 25px; } }
    @media (max-width: 1199px) {
      .image-text .name-date {
        top: 50px; } }
    @media (max-width: 991px) {
      .image-text .name-date {
        top: 35px; } }
    @media (max-width: 767px) {
      .image-text .name-date {
        top: 50px;
        padding: 0px 10px; } }
    @media (max-width: 600px) {
      .image-text .name-date {
        top: 15px; } }
    @media (max-width: 500px) {
      .image-text .name-date {
        top: 20px; } }
  @media (min-width: 1200px) {
    .image-text:hover img {
      -moz-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
      -webkit-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1); }
    .image-text:hover .name-date {
      top: 70px; }
      .image-text:hover .name-date h5 {
        margin-top: 17px; } }
  .image-text:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9; }

.post-descr {
  text-align: center;
  font: 500 14px/25px "Raleway", sans-serif;
  padding: 0 10px;
  margin-top: 13px; }

#homepage-blog {
  background: #ededed; }
  #homepage-blog .title_block {
    font: 700 63px/45px "Raleway", sans-serif;
    border: none;
    background: none;
    letter-spacing: -0.05em;
    padding: 71px 10px 29px 0px;
    margin: 0;
    color: #000000; }
    #homepage-blog .title_block:after {
      display: none; }
  #homepage-blog .block_content {
    margin-bottom: 67px; }
  #homepage-blog .see_all {
    font: 500 13px/14px "Raleway", sans-serif;
    color: #000000;
    background: #0067b5;
    position: relative;
    padding: 18px 37px 18px 22px;
    display: inline-block;
    margin-left: 15px;
    transition: all .3s ease;
    clear: both;
    float: left; }
    #homepage-blog .see_all:after {
      content: "\f105";
      font-family: "FontAwesome";
      position: absolute;
      right: 19px;
      top: 18px;
      font-size: 25px;
      color: #262626;
      transition: all .3s ease; }
    #homepage-blog .see_all:hover {
      background: #262626;
      color: #0067b5; }
      #homepage-blog .see_all:hover:after {
        color: #0067b5;
        right: 14px; }
  #homepage-blog li {
    margin-bottom: 26px; }
    @media (min-width: 992px) {
      #homepage-blog li.first-in-line {
        clear: left; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #homepage-blog li {
        width: 50%;
        float: left; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #homepage-blog li.first-item-of-tablet-line {
        clear: left; } }
    @media only screen and (max-width: 767px) {
      #homepage-blog li.first-item-of-mobile-line {
        clear: left; } }
    @media (max-width: 500px) {
      #homepage-blog li {
        width: 100%; } }