.grid {	position: relative;		padding: 1em 0 4em;	max-width: 1000px;	list-style: none;	text-align: left;display: flex;flex-direction: row;justify-content: space-evenly;flex-wrap: wrap;}
/* Common style */.grid figure {	position: relative;	overflow: hidden;	margin: 10px 1%;	min-width: 220px;	max-width: 220px;	max-height: 220px;	width: 48%;	background: #ff6600;	text-align: left;	cursor: pointer;border-radius: 10px;}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.grid figure figcaption {	padding: 1em;	color: #fff;	text-transform: uppercase;		-webkit-backface-visibility: hidden;	backface-visibility: hidden;padding-top: 50px;}
.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0px;	left: 0;	width: 100%;	height: 100%;text-align: left;}
/* Anchor will cover the whole item by default *//* For some effects it will show as a button */.grid figure figcaption > a {	z-index: 1000;		white-space: nowrap;	font-size: 0;	opacity: 0;}
.grid figure h3 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h3 span {	font-weight: 800;}
.grid figure h3  {	margin: 0;}
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: 20px;	right: 20px;	bottom: 20px;	left: 20px;	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: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%;	}
}