.centerObject{
  top: 0;
}
.overlay{
  opacity: 0;
  background: rgba(0,0,0,0.8);
  color: white!important;
  transition: all .5s;
}
.overlay:hover{
  opacity: 1;
}
.postLink:before{
  content: "";
  display: block;
  padding-top: 90%;
}
.postLinkContent{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height:100%;
}
.offerLinkContent{
  position: absolute;
  top: 30px;
  left: 30px;
  bottom: 30px;
  right: 30px;
}
.postLinkContent h2, .offerLinkContent h2{
  font-size: 45px;
  margin-bottom: 30px;
}

@media screen and ( max-width: 992px ){
  .offerLinkContent{
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .postLink:before{
    padding-top: 0;
  }
}
