.view {
   width: 100%;
   height: 220px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top:38px;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.16); 
	box-shadow: 0px 3px 8px rgba(0,0,0,0.16);
   cursor: default;
   background: #fff;
}
.view .mask,.view .content {
   width: 100%;
   height: 220px;
   position: absolute;
   overflow: hidden;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top:38px;
   top:0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   font-family: 'Open Sans Condensed';
   font-weight:300;
   color: #fff;
   position: relative;
   font-size:1.875rem;
   padding: 5px;
   margin: 0px 0 0 0;
}

.view-fifth img {
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: #CD0039;
   transform: translateX(-450px);
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   color: #fff;
}
.view-fifth:hover .mask {
   transform: translateX(0px);
}