.view {
   width:100%;
   max-width: 256px;
   height: 364px;
   //float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   margin:10px auto;
   border-radius:15px; 
   
}
.view .mask,.view .content {
   width:100%;
   max-width: 256px;
   height: 364px;
   position: absolute;
   overflow: hidden;
   top: 0;
  margin:0 auto;
   
}
@media only screen and (max-width : 768px) 
{
/*.view {
   width:100%;
   max-width: 256px;
   height: 364px;
   overflow: hidden;
   position: inherit;
   text-align: center;
   cursor: default;
   margin:0 auto;
}
.view .mask,.view .content {
   width:100%;
   max-width: 256px;
   height: 364px;
   position: inherit;
   overflow: hidden;
   top: 0;
   margin:0 auto;
   display:none
}*/
}

.view img {
   display: block;
   position: relative;
   
   
}
.view h2 {
   font-family:"ubunturegular";
   color: #252525;
   text-align: center;
   position: relative;
   font-size: 30px;
   padding: 10px;
   background: rgba(255, 255, 255, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   font-family:"ubuntulight";
   font-size:21px;
   color: #fff;
   text-decoration: none;
   display: inline-block;
   padding: 7px 30px;
   background: #000;
}
.view a.info: hover {
  /* font-family:"ubuntulight";
   color: #000;
   text-decoration: none;
   padding: 7px 30px;
   background: #fff;
   border:1px solid #FFFFFF*/
}