@charset "utf-8";

.wrap-grandi {margin:10px 0}
.wrap-grandi:after {display:block;visibility:hidden;clear:both;content:""}
.bx-grandi{font-family:'Raleway',Arial,sans-serif;position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:230px;max-width:330px;height: 210px;width:100%;background:#000;color:#fff;text-align:center;box-shadow:0 0 5px rgba(0,0,0,0.15)}
.bx-grandi *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out}
.bx-grandi img{max-width:100%;position:relative;opacity:1}
.bx-grandi figcaption{position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px solid white;border-width:0 1px}
.bx-grandi .heading{overflow:hidden;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.bx-grandi .caption{overflow:hidden;-webkit-transform:translateY(50%);transform:translateY(50%);position:absolute;width:100%;bottom:0}
.bx-grandi h3,.bx-grandi p{display:table;margin:0 auto;padding:0 10px;position:relative;text-align:center;width:auto;text-transform:uppercase;font-weight:400}
.bx-grandi h3 span,.bx-grandi p span{font-weight:800}
.bx-grandi h3:before,.bx-grandi p:before,.bx-grandi h3:after,.bx-grandi p:after{position:absolute;display:block;width:1000%;height:1px;content:'';background:white}
.bx-grandi h3:before,.bx-grandi p:before{left:-1000%}
.bx-grandi h3:after,.bx-grandi p:after{right:-1000%}
.bx-grandi h3:before,.bx-grandi h3:after{top:50%}
.bx-grandi p{font-size:.8em;font-weight:500}
.bx-grandi p:before,.bx-grandi p:after{bottom:50%}
.bx-grandi a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}
.bx-grandi:hover img,.bx-grandi.hover img{opacity:.35;-webkit-transform:scale(1.15);transform:scale(1.15)}