.grid{position:relative;margin:0 auto;padding:0;list-style:none;text-align:center}.grid figure{position:relative;float:left;overflow:hidden;margin:0;background:#3085a3;text-align:center;cursor:pointer}.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}.grid figure h2{font-weight:300}.grid figure h2 span{font-weight:800}.grid figure h2,.grid figure p{margin:0}.grid figure p{letter-spacing:1px;font-size:20px}figure.effect-ruby3{background-color:#111}figure.effect-ruby3 img{opacity:.5;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1);transform:scale(1)}figure.effect-ruby3:hover img{opacity:.4;-webkit-transform:scale(1.15);transform:scale(1.15)}figure.effect-ruby3 h2{margin:0 auto;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);font-size:40px!important;font-weight:500!important;text-shadow:1px 1px 15px #000;display:table;padding:5px;font-family:Raleway,sans-serif;color:#fff}figure.effect-ruby3 p{margin:30px auto;padding:2px 25px;border:1px solid #fff;opacity:1;font-size:18px;color:#fff;width:auto;display:table;font-family:Raleway,sans-serif}figure.effect-ruby3:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:rgba(5,5,5,0)}figure.effect-ruby{background-color:transparent}figure.effect-ruby img{opacity:.5;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1);transform:scale(1)}figure.effect-ruby:hover img{-webkit-transform:scale(1.15);transform:scale(1.15);opacity:.4}figure.effect-ruby h2{margin:0 auto;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);font-size:40px!important;font-weight:500!important;text-shadow:1px 1px 15px #000;display:table;padding:5px;font-family:Raleway,sans-serif;color:#fff}figure.effect-ruby p{margin:30px auto;padding:2px 25px;border:1px solid #fff;opacity:1;font-size:18px;color:#fff;width:auto;display:table;font-family:Raleway,sans-serif}figure.effect-ruby:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:rgba(5,5,5,0)}@media screen and (max-width:50em){.content{padding:0 10px;text-align:center}.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}}