.view{width:30.33333%;height:330px;margin:1%;float:left;border:1px solid #fff;overflow:hidden;position:relative;text-align:center;-webkit-box-shadow:1px 2px 1px 2px #e6e6e6;-moz-box-shadow:1px 2px 1px 2px #e6e6e6;box-shadow:1px 1px 2px 2px #e6e6e6;cursor:default;background:#fff no-repeat center center}.view .mask,.view .content{width:100%;height:400px;position:absolute;overflow:hidden;top:0;left:0}.view img{display:block;position:relative;width:90%;margin-left:5%}.view h2{font-family:'Lato',sans-serif;width:100%;text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:1.4em;padding:10px;background:rgba(0,120,54,.8);margin:20px 0 0 0}.view p{font-family:'Lato',sans-serif;font-size:1.2em;line-height:1.5em;font-weight:100;width:auto;margin-left:10px;margin-right:10px;position:relative;color:#fff;padding:10px 20px 20px;text-align:center}.view a.info{display:inline-block;text-decoration:none;padding:7px 14px;font-size:.8em;background:rgba(0,120,54,.8);color:#fff;text-transform:uppercase;-webkit-box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000}.view a.info: hover {-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}.view h3{font-size:1.3em;text-transform:uppercase;font-family:'Lato',sans-serif;margin-top:-0;font-weight:300}.view h4{font-size:.8em;font-family:'Lato',sans-serif;line-height:1.2em;margin-top:10px;color:#666;font-weight:400}@media screen and (max-width:414px){.view{width:92%}.view .mask,.view .content{width:100%}}.view-first img{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.view-first .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;background-color:rgba(0,0,0,.6);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;text-align:center}.view-first h2{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-align:center}.view-first p{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;text-align:center;width:100%}.view-first:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.view-first a.info{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.view-first:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1}.view-first:hover h2,.view-first:hover p,.view-first:hover a.info{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);text-align:center}.view-first:hover p{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;text-align:center}.view-first:hover a.info{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}