.grid{position:relative;margin:0 auto;max-width:1000px;list-style:none;text-align:center;margin-bottom:-5px}.grid figure{position:relative;float:left;overflow:hidden;margin:0;width:100%;background:#000;text-align:center;cursor:pointer}.grid figure img{position:relative;display:block;max-width:100%;opacity:.5}.grid figure figcaption{color:#fff;font-size:18px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:5%}.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-family:'Open Sans',sans-serif;font-weight:300;opacity:0}.grid figure h2{font-weight:600;font-size:20px;text-shadow:1px 1px 10px rgba(0,0,0,.9)}.grid figure h2 span{font-weight:800}.grid figure h2,.grid figure p{margin:0}.grid figure p{letter-spacing:1px;font-size:68.5%}figure.effect-ruby img{opacity:.9;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.15);transform:scale(1.15)}figure.effect-ruby:hover img{opacity:1;-webkit-transform:scale(1);transform:scale(1)}figure.effect-ruby h2{margin:5% auto;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);font-family:'Open Sans',sans-serif;width:80%}figure.effect-ruby p{width:27%;margin:0 auto;margin-top:7%;padding:10px;background-color:#5db0e6;border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;border:1px solid #5db0e6;opacity:1;-webkit-transition:opacity .35s;transition:opacity .35s}figure.effect-ruby:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-ruby:hover p{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.fa-2x{background:rgba(0,0,0,.5);font-size:2em;border-radius:50%;padding:15px 18px}.imgHoverBox{margin:0!important;padding:0!important}@media screen and (max-width:50em){.content{padding:0 10px;text-align:center}.grid figure{display:inline-block;float:none;margin:0 auto;width:100%}}@media only screen and (min-width:320px) and (max-width:1024px){figure.effect-ruby p{opacity:1}figure.effect-ruby img{opacity:1;transition:none;transform:scale(1)}figure.effect-ruby:hover img{opacity:.7;transition:none;transform:scale(1)}figure.effect-ruby h2{margin:5% auto;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);font-family:'Open Sans',sans-serif;width:80%}figure.effect-ruby:hover h2{margin:5% auto;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);font-family:'Open Sans',sans-serif;width:80%}}@media only screen and (min-width:320px) and (max-width:500px){figure.effect-ruby h2{margin:2% auto;width:90%}figure.effect-ruby:hover h2{margin:2% auto;width:90%}.grid figure h2{font-size:15px}.grid figure figcaption,.grid figure figcaption>a{padding-top:0%}figure.effect-ruby p{width:39%;margin:0 auto;margin-top:9%;padding:8px 4px}}@media only screen and (min-width:991px) and (max-width:1024px){figure.effect-ruby h2{margin:2% auto;width:90%}figure.effect-ruby:hover h2{margin:2% auto;width:90%}.grid figure h2{font-size:15px}.grid figure figcaption,.grid figure figcaption>a{padding-top:0%}figure.effect-ruby p{width:39%;margin:0 auto;margin-top:9%;padding:8px 4px}}