.viewContent{font-family: 'Arapey', serif;}

.viewContent > a{height: 300px; background-size: cover; background-position: center center; border-bottom: 1px solid #fff; border-left: 1px solid #fff; display: table;}
.viewContent > a .title{position: relative; z-index: 1; color: #FFF; font-size: 40px; display: table-cell; vertical-align: middle; text-align: center; line-height: 0.8em;}
.viewContent > a .title span{font-size: 25px; display: block;}

.viewContent > a .hoverImg{opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; transition: ease 200ms all; background-size: 100%;}
.viewContent > a:hover .hoverImg{opacity: 1; background-size: 110%;}
.viewContent > a:hover .title{text-shadow: 0px 0px 11px rgba(150, 150, 150, 1);}


/*mobile */
@media only screen and (max-width : 992px) {
  .homeContent{padding: 0;}
  .homeContent > a:nth-child(1){border-top: 1px solid #FFF;}
  .viewContent > a{border-left: 0;}
  /*.viewContent > a:hover .hoverImg{background-size: auto 110%;}*/


}