.post-box{
  position:relative; 
}
.post-title {
  font-size: 20px;
   line-height: 25px;
}
a.more-link {
  position:absolute;
  bottom: -50px;
}
.more-link{
  font-family: 'Rubik', Sans-Serif !important;
    border-radius: 2px !important;
    display: inline-block !important;
    padding: 18px 28px 17px 28px;
    font-weight: bold !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    text-decoration: none !important;
    line-height: 1 !important;
  color: #ffffff !important;
    border: 2px solid #678a4b;
    background-color: #678a4b;
}

.hhs-gallery-image {
  position: relative;
}

.hhs-gallery-item-overlay {
 	position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.hhs-gallery-item-overlay i {
 font-size: 0;
  color: #fff;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin-left: -2px;
}

.hhs-gallery-image:hover .hhs-gallery-item-overlay {
  background-color: rgba(0,0,0,0.3);
}

.hhs-gallery-image:hover .hhs-gallery-item-overlay i {
  font-size: 42px;
}
@media only screen and (max-width: 768px) {
    a.more-link {
      bottom: 0px;
  }
  .post-box{
    margin-bottom:25px;
  }
  .post-title {
    font-size: 18px;
}
 p.post-content{
  font-size: 14px;
    line-height: 19px;
}