h2.use-case,p.use-case{font-family:Roboto,sans-serif}.grid,.grid figure{text-align:center;position:relative}.grid,.grid figure,.grid figure img{position:relative}h2.use-case{font-weight:400}hr.use-case-rule{height:2px;background-color:#36d4b5;border-top:none!important;margin-top:1%;margin-left:38%;margin-right:38%}p.use-case{font-weight:300}.grid{margin:0 auto 0 -1%;padding:1em 0 4em;list-style:none}.grid figure{float:left;overflow:hidden;margin-bottom:12%;min-width:320px;max-width:330px;max-height:374px;width:48%;background:#000;cursor:pointer}.grid figure img{display:block;min-height:100%;max-width:100%;opacity:.5}.grid figure figcaption{padding:2em;color:#fff;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid figure figcaption::after,.grid figure figcaption::before{pointer-events:none}.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid figure h2{letter-spacing:.04em;font-weight:200}.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-chico img{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.12);transform:scale(1.12)}figure.effect-chico:hover img{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}figure.effect-chico figcaption{padding:3em}figure.effect-chico figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1.5px solid #36d4b5;content:'';-webkit-transform:scale(1.1);transform:scale(1.1)}figure.effect-chico figcaption::before,figure.effect-chico p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}figure.effect-chico h2{padding:45% 0 20px}figure.effect-chico p{margin:0 auto;max-width:200px;-webkit-transform:scale(1.5);transform:scale(1.5)}figure.effect-chico:hover figcaption::before,figure.effect-chico:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@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%}}