/*.grid {

	position: relative;

	margin: 0 auto;

	padding: 1em 0 4em;

	max-width: 1000px;

	list-style: none;

	text-align: center;

}*/



/* Common style */

.grid figure {

	position: relative;

	overflow: hidden;

	margin: 0px;

	cursor: pointer;

}



.grid figure img {

	position: relative;

	display: block;

	max-width: 100%;

}



.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

 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */



.grid figure h2 {

	word-spacing: -0.15em;

	font-weight: 300;

}



.grid figure h2 span {

	font-weight: 800;

}



.grid figure h2,

.grid figure p {

	margin: 0;

}



.grid figure p {

	font-size: 14px;

	margin-bottom:15px;

	font-family: 'Source Sans Pro', sans-serif;

	color:#000;

	line-height:20px;

}





/*---------------*/

/***** Zoe *****/

/*---------------*/



figure.effect-zoe figcaption {

	top: auto;

	bottom: 0;

	padding: 20px 8px 46px 8px;

	text-align:center;

	height: auto;

	background: #fff;

	color: #3c4a50;

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

	-webkit-transform: translate3d(0,100%,0);

	transform: translate3d(0,100%,0);

	border-radius: 50% / 10%;

	margin-bottom:-26px;

	text-transform:none;

	opacity:0.9;

	position:absolute;

	font-family: 'Source Sans Pro', sans-serif;

}



figure.effect-zoe figcaption p {

text-align:center;

}

figure.effect-zoe figcaption a {

	font-weight:bold;

}



figure.effect-zoe figcaption a {

	font-weight:bold;

}

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: 8em;

	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;

}





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 p {

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

}



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;

}



.listmenu .grid {display:none;}





@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%;

	}

}