.effect-romeo-grid .grid{position:relative;clear:both;margin:0 auto;padding:0;list-style:none;text-align:center}.effect-romeo-grid .grid .effect-romeo{position:relative;float:left;overflow:hidden;margin:0;max-height:360px;width:47%;height:auto;text-align:center;cursor:pointer;margin:10px}.effect-romeo-grid .grid .effect-romeo img{position:relative;z-index:-1;display:block;max-width:100%;opacity:.8}.effect-romeo-grid .grid .effect-romeo .cap{z-index:1;padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-o-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(11,55,201,.7)}.effect-romeo-grid .grid .effect-romeo:hover .cap{background:inherit}.effect-romeo-grid .grid .effect-romeo .cap::before,.effect-romeo-grid .grid .effect-romeo .cap::after{pointer-events:none}.effect-romeo-grid .grid .effect-romeo .cap,.effect-romeo-grid .grid .effect-romeo .cap > a{position:absolute;top:0;left:0;width:100%;height:100%}.effect-romeo-grid .grid .effect-romeo .cap > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.effect-romeo-grid .grid .effect-romeo h2{word-spacing:-.15em;font-weight:300}.effect-romeo-grid .grid .effect-romeo h2 span{font-weight:800}.effect-romeo-grid .grid .effect-romeo h2,.effect-romeo-grid .grid .effect-romeo p{margin:0}.effect-romeo-grid .grid .effect-romeo p{letter-spacing:1px;font-size:18px;top:30%}.effect-romeo-grid .effect-romeo.effect-moses{background:-webkit-linear-gradient(-45deg,#EC65B7 0%,#05E0D8 100%);background:linear-gradient(-45deg,#EC65B7 0%,#05E0D8 100%)}.effect-romeo-grid .effect-romeo.effect-moses img{opacity:.85;-webkit-transition:opacity .35s;transition:opacity .35s}.effect-romeo-grid .effect-romeo.effect-moses h2,.effect-romeo-grid .effect-romeo.effect-moses p{padding:20px;width:50%;height:50%;border:2px solid #fff}.effect-romeo-grid .effect-romeo.effect-moses h2{padding:20px;width:50%;height:50%;text-align:left;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(10px,10px,0);transform:translate3d(10px,10px,0)}.effect-romeo-grid .effect-romeo.effect-moses p{float:right;padding:20px;text-align:right;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.effect-romeo-grid .effect-romeo.effect-moses:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.effect-romeo-grid .effect-romeo.effect-moses:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.effect-romeo-grid .effect-romeo.effect-moses:hover img{opacity:.6}@media screen and (max-width: 50em){.effect-romeo-grid .content{padding:0 10px;text-align:center}.effect-romeo-grid .grid .effect-romeo{display:inline-block;float:none;margin:10px auto;width:100%}}.effect-romeo-grid .effect-romeo{-webkit-perspective:1000px;perspective:1000px}.effect-romeo-grid .effect-romeo img{-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(0,0,300px);transform:translate3d(0,0,300px)}.effect-romeo-grid .effect-romeo:hover img{opacity:.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.effect-romeo-grid .effect-romeo .cap::before,.effect-romeo-grid .effect-romeo .cap::after{position:absolute;top:50%;left:50%;width:80%;height:1px;background:#fff;content:'';-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}.effect-romeo-grid .effect-romeo:hover .cap::before{opacity:.5;top:10%}.effect-romeo-grid .effect-romeo:hover .cap::after{opacity:.5;top:90%}.effect-romeo-grid .effect-romeo h2,.effect-romeo-grid .effect-romeo p{position:absolute;top:50%;left:0;width:100%;-webkit-transition:-webkit-transform .35s;transition:transform .35s}.effect-romeo-grid .effect-romeo h2{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-150%,0);transform:translate3d(0,-50%,0) translate3d(0,-150%,0)}.effect-romeo-grid .effect-romeo p{padding:10px;color:#ffca00;-webkit-transform:translate3d(0,-50%,0) translate3d(0,150%,0);transform:translate3d(0,-50%,0) translate3d(0,150%,0)}.effect-romeo-grid .effect-romeo:hover h2{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-100%,0);transform:translate3d(0,-50%,0) translate3d(0,-100%,0);display:none}.effect-romeo-grid .effect-romeo:hover p{-webkit-transform:translate3d(0,-50%,0) translate3d(0,100%,0);transform:translate3d(0,-50%,0) translate3d(0,100%,0);display:none}@media (max-width:320px){.effect-romeo-grid .effect-romeo h2{-webkit-transform:translate3d(0,-60%,0) translate3d(0,-60%,0);transform:translate3d(0,-60%,0) translate3d(0,-60%,0)}.effect-romeo-grid .effect-romeo p{padding:0 2em}}