a {text-decoration:none; }
a:hover,
a:active,
a:focus {text-decoration:none}

*, *:after, *:before { -webkit-box-sizing:border-box; box-sizing:border-box; }
.clearfix:before, .clearfix:after { display:table; content:''; }
.clearfix:after { clear:both; }

.container-area { margin:0 auto; padding:0; }
.content { margin:0 auto; padding:0; }
.content > h2 a { clear:both; margin:0; padding:4em 1% 0; color:#000; font-weight:800; font-size:1.5em;}
.content > h2:first-child { padding-top:0em;}
.grid { position:relative; margin:0 auto; padding:0; width:100%; list-style:none; text-align:center;}

/* Common style */
.grid figure { position:relative; float:left; overflow:hidden; margin:10px 1%; text-align:center; }
.grid figure:hover { background:#000;}
.grid figure img { position:relative; display:block; min-height:100%; max-width:100%; opacity:0.8;}
.grid figure figcaption { padding:2em; color:#fff; text-transform:uppercase; font-size:1.25em; -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%;}

/* Individual effects */

/***** Zoe *****/
figure.effect-zoe figcaption { top:auto; bottom:0; padding:10px; color:#3c4a50; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);}
figure.effect-zoe h2 { float:left;}
figure.effect-zoe p.icon-links a { float:right; color:#3c4a50; font-size:1.4em;}
figure.effect-zoe:hover p.icon-links a:hover,figure.effect-zoe:hover p.icon-links a:focus { color:#252d31;}
figure.effect-zoe p.description { position:absolute; bottom:5em; padding:2em; color:#fff; text-transform:none; font-size:90%; opacity:0; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; -webkit-backface-visibility:hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */}
figure.effect-zoe h2,figure.effect-zoe p.icon-links a { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,200%,0); transform:translate3d(0,200%,0);}
figure.effect-zoe p.icon-links a span::before { display:inline-block; padding:8px 10px; font-family:'feathericons'; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.icon-eye::before { content:'\e000';}
.icon-paper-clip::before { content:'\e001';}
.icon-heart::before { content:'\e024';}
figure.effect-zoe h2 { display:inline-block;}
figure.effect-zoe:hover p.description { opacity:1;}
figure.effect-zoe:hover figcaption,figure.effect-zoe:hover h2,figure.effect-zoe:hover p.icon-links a { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-zoe:hover h2 { -webkit-transition-delay:0.05s; transition-delay:0.05s;}
figure.effect-zoe:hover p.icon-links a:nth-child(3) { -webkit-transition-delay:0.1s; transition-delay:0.1s;}
figure.effect-zoe:hover p.icon-links a:nth-child(2) { -webkit-transition-delay:0.15s; transition-delay:0.15s;}
figure.effect-zoe:hover p.icon-links a:first-child { -webkit-transition-delay:0.2s; transition-delay:0.2s;}
figure img:hover { opacity:0.8; }

/***** Lily *****/
figure.effect-lily img { max-width:none; width:-webkit-calc(100% + 50px); width:calc(100% + 50px); opacity:0.8; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-40px,0, 0); transform:translate3d(-40px,0,0);}
figure.effect-lily figcaption { text-align:left;}
figure.effect-lily figcaption > div { position:absolute; bottom:0; left:0; padding:2em; width:100%; height:50%;}
figure.effect-lily h2,figure.effect-lily p { -webkit-transform:translate3d(0,40px,0); transform:translate3d(0,40px,0);}
figure.effect-lily h2 { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s;}
figure.effect-lily p { color:rgba(255,255,255,0.8); opacity:0; -webkit-transition:opacity 0.2s, -webkit-transform 0.35s; transition:opacity 0.2s, transform 0.35s;}
figure.effect-lily:hover img,figure.effect-lily:hover p { opacity:1;}
figure.effect-lily:hover img,figure.effect-lily:hover h2,figure.effect-lily:hover p { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-lily:hover p { -webkit-transition-delay:0.05s; transition-delay:0.05s; -webkit-transition-duration:0.35s; transition-duration:0.35s;}

/***** Sadie *****/
figure.effect-sadie figcaption::before { position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content:''; opacity:0; -webkit-transform:translate3d(0,50%,0); transform:translate3d(0,50%,0);}
figure.effect-sadie h2 { position:absolute; top:50%; left:0; width:100%; color:#484c61; -webkit-transition:-webkit-transform 0.35s, color 0.35s; transition:transform 0.35s, color 0.35s; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);}
figure.effect-sadie figcaption::before,figure.effect-sadie p { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
figure.effect-sadie p { position:absolute; bottom:0; left:0; padding:2em; width:100%; opacity:0; -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}
figure.effect-sadie:hover h2 { color:#fff; -webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0); transform:translate3d(0,-50%,0) translate3d(0,-40px,0);}
figure.effect-sadie:hover figcaption::before ,figure.effect-sadie:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

/***** Roxy *****/
figure.effect-roxy { background:-webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background:linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);}
figure.effect-roxy img { max-width:none; width:-webkit-calc(100% + 60px); width:calc(100% + 60px); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-50px,0,0); transform:translate3d(-50px,0,0);}
figure.effect-roxy figcaption::before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; border:1px solid #fff; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0);}
figure.effect-roxy figcaption { padding:3em; text-align:left;}
figure.effect-roxy h2 { padding:30% 0 10px 0;}
figure.effect-roxy p { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0);}
figure.effect-roxy:hover img { opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-roxy:hover figcaption::before,figure.effect-roxy:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

/***** Bubba *****/
figure.effect-bubba { }
figure.effect-bubba img { opacity:1; -webkit-transition:opacity 0.35s; transition:opacity 0.35s;}
figure.effect-bubba:hover img { opacity:0.4;}
figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after { position:absolute; top:30px; right:30px; bottom:30px; left:30px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before { border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1);}
figure.effect-bubba figcaption::after { border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0);}
figure.effect-bubba h2 { padding-top:30%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}
figure.effect-bubba p { padding:20px 2.5em; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0);}
figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
figure.effect-bubba:hover h2,figure.effect-bubba:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

/***** Romeo *****/
figure.effect-romeo { -webkit-perspective:1000px; perspective:1000px;}
figure.effect-romeo img { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,0,300px); transform:translate3d(0,0,300px);}
figure.effect-romeo:hover img { opacity:0.6; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-romeo figcaption::before,figure.effect-romeo figcaption::after { position:absolute; top:50%; left:50%; width:80%; height:1px; background:#fff; content:''; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0);}
figure.effect-romeo:hover figcaption::before { opacity:0.5; -webkit-transform:translate3d(-50%,-50%,0) rotate(45deg); transform:translate3d(-50%,-50%,0) rotate(45deg);}
figure.effect-romeo:hover figcaption::after { opacity:0.5; -webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg); transform:translate3d(-50%,-50%,0) rotate(-45deg);}
figure.effect-romeo h2,figure.effect-romeo p { position:absolute; top:50%; left:0; width:100%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s;}
figure.effect-romeo h2 { -webkit-transform:translate3d(0,-50%,0) translate3d(0,-150%,0); transform:translate3d(0,-50%,0) translate3d(0,-150%,0);}
figure.effect-romeo p { padding:0.25em 2em; -webkit-transform:translate3d(0,-50%,0) translate3d(0,150%,0); transform:translate3d(0,-50%,0) translate3d(0,150%,0);}
figure.effect-romeo:hover h2 { -webkit-transform:translate3d(0,-50%,0) translate3d(0,-100%,0); transform:translate3d(0,-50%,0) translate3d(0,-100%,0);}
figure.effect-romeo:hover p { -webkit-transform:translate3d(0,-50%,0) translate3d(0,100%,0); transform:translate3d(0,-50%,0) translate3d(0,100%,0);}

/***** Layla *****/
figure.effect-layla { }
figure.effect-layla img { }
figure.effect-layla figcaption { padding:3em;}
figure.effect-layla figcaption::before,figure.effect-layla figcaption::after { position:absolute; content:''; opacity:0;}
figure.effect-layla figcaption::before { top:50px; right:30px; bottom:50px; left:30px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0;}
figure.effect-layla figcaption::after { top:30px; right:50px; bottom:30px; left:50px; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0;}
figure.effect-layla h2 { padding-top:26%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s;}
figure.effect-layla p { padding:0.5em 2em; text-transform:none; opacity:0; -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}
figure.effect-layla img,figure.effect-layla h2 { -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0);}
figure.effect-layla img,figure.effect-layla figcaption::before,figure.effect-layla figcaption::after,figure.effect-layla p { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
figure.effect-layla:hover img { opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-layla:hover figcaption::before,figure.effect-layla:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
figure.effect-layla:hover h2,figure.effect-layla:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-layla:hover figcaption::after,figure.effect-layla:hover h2,figure.effect-layla:hover p,figure.effect-layla:hover img { -webkit-transition-delay:0.15s; transition-delay:0.15s;}

/***** Honey *****/
figure.effect-honey { background:#4a3753;}
figure.effect-honey img { opacity:0.9; -webkit-transition:opacity 0.35s; transition:opacity 0.35s;}
figure.effect-honey:hover img { opacity:0.5;}
figure.effect-honey figcaption::before { position:absolute; bottom:0; left:0; width:100%; height:10px; background:#fff; content:''; -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}
figure.effect-honey h2 { position:absolute; bottom:0; left:0; padding:1em 1.5em; width:100%; text-align:left; -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0);}
figure.effect-honey h2 i { font-style:normal; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0);}
figure.effect-honey figcaption::before,figure.effect-honey h2 { -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s;}
figure.effect-honey:hover figcaption::before,figure.effect-honey:hover h2,figure.effect-honey:hover h2 i { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

/***** Oscar *****/
figure.effect-oscar { background:-webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background:linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);}
figure.effect-oscar img { opacity:0.9; -webkit-transition:opacity 0.35s; transition:opacity 0.35s;}
figure.effect-oscar figcaption { padding:3em; background-color:rgba(58,52,42,0.7); -webkit-transition:background-color 0.35s; transition:background-color 0.35s;}
figure.effect-oscar figcaption::before { position:absolute; top:30px; right:30px; bottom:30px; left:30px; border:1px solid #fff; content:'';}
figure.effect-oscar h2 { margin:20% 0 10px 0; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);}
figure.effect-oscar figcaption::before,figure.effect-oscar p { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(0); transform:scale(0);}
figure.effect-oscar:hover h2 { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
figure.effect-oscar:hover figcaption { background-color:rgba(58,52,42,0);}
figure.effect-oscar:hover img { opacity:0.8;}

/***** Marley *****/
figure.effect-marley figcaption { text-align:right;}
figure.effect-marley h2,figure.effect-marley p { position:absolute; right:30px; left:30px; padding:10px 0;}

figure.effect-marley p { bottom:30px; line-height:1.5; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);}
figure.effect-marley h2 { top:30px; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0);}
figure.effect-marley:hover h2 { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-marley h2::after { position:absolute; top:100%; left:0; width:100%; height:4px; background:#fff; content:''; -webkit-transform:translate3d(0,40px,0); transform:translate3d(0,40px,0);}
figure.effect-marley h2::after,figure.effect-marley p { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
figure.effect-marley:hover h2::after,figure.effect-marley:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

/***** Ruby *****/
figure.effect-ruby { background-color:#17819c;}
figure.effect-ruby img { opacity:1; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1.15); transform:scale(1.15);}
figure.effect-ruby:hover img { opacity:0.5; -webkit-transform:scale(1); transform:scale(1);}
figure.effect-ruby h2 { margin-top:20%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0);}
figure.effect-ruby p { margin:1em; padding:1em; border:1px solid #fff; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,20px,0) scale(1.1); transform:translate3d(0,20px,0) scale(1.1);} 
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);}

/***** Milo *****/
figure.effect-milo { background:#f60;}
figure.effect-milo img { max-width:none; width:-webkit-calc(100% + 60px); width:calc(100% + 60px); opacity:1; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-30px,0,0) scale(1.12); transform:translate3d(-30px,0,0) scale(1.12); -webkit-backface-visibility:hidden; backface-visibility:hidden;}
figure.effect-milo:hover img { opacity:0.5; -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1);}
figure.effect-milo h2 { position:absolute; right:0; bottom:0; padding:1em 1.2em;}
figure.effect-milo p { padding:0 10px 0 0; width:50%; border-right:1px solid #fff; text-align:right; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-40px,0,0); transform:translate3d(-40px,0,0);}
figure.effect-milo:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

/***** Dexter *****/
figure.effect-dexter { background:-webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%); background:linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); }
figure.effect-dexter img { -webkit-transition:opacity 0.35s; transition:opacity 0.35s;}
figure.effect-dexter:hover img { opacity:0.4;}
figure.effect-dexter figcaption::after { position:absolute; right:30px; bottom:30px; left:30px; height:-webkit-calc(50% - 30px); height:calc(50% - 30px); border:7px solid #fff; content:''; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0);}
figure.effect-dexter:hover figcaption::after { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-dexter figcaption { padding:3em; text-align:left;}
figure.effect-dexter p { position:absolute; right:60px; bottom:60px; left:60px; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,-100px,0); transform:translate3d(0,-100px,0);}
figure.effect-dexter:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

/***** Sarah *****/
figure.effect-sarah { }
figure.effect-sarah img { max-width:none; width:-webkit-calc(100% + 20px); width:calc(100% + 20px); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0); -webkit-backface-visibility:hidden; backface-visibility:hidden;}
figure.effect-sarah:hover img { opacity:0.4; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-sarah figcaption { text-align:left;}
figure.effect-sarah h2 { position:relative; overflow:hidden; padding:0.5em 0;}
figure.effect-sarah h2::after { position:absolute; bottom:0; left:0; width:100%; height:3px; background:#fff; content:''; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0);}
figure.effect-sarah:hover h2::after { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
figure.effect-sarah p { padding:1em 0; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}
figure.effect-sarah:hover p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

/***** Chico *****/
figure.effect-chico img { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1.12); transform:scale(1.12);}
figure.effect-chico:hover img { opacity:0.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:1px solid #fff; content:''; -webkit-transform:scale(1.1); transform:scale(1.1);}
figure.effect-chico figcaption::before,figure.effect-chico p { opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
figure.effect-chico h2 { padding:20% 0 20px 0;}
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%;
 }
}