figure { 	position: relative;
			float: left;
			overflow: hidden;
			margin: 1px;
			width:calc(20% - 2px);
			height: auto;
			text-align: center;
			cursor: pointer;
			background: #999;
			/*border: #FFF solid 3px;*/
			-webkit-transition: border 0.35s;
			transition: border 0.35s}
			
figure:hover{
				background: #00789D;
				/*border: #A5B6BF solid 3px*/}

figure figcaption {	position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					padding: 1em;
					color: #fff;
					text-transform: uppercase;
					font-size: 1.25em;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden; }

figure figcaption::before,
figure figcaption::after {	pointer-events: none; }


/* Individual effects */

/*---------------*/
/***** Lexi *****/
/*---------------*/
figure img {	position: relative;
				display: block;
				min-height: 100%;
				max-width: 100%;
				margin: -10px 0 0 -10px;
				max-width: none;
				width: -webkit-calc(100% + 10px);
				width: calc(100% + 10px);
				opacity: 0.7;
				-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
				transition: opacity 0.35s, transform 0.35s;
				-webkit-transform: translate3d(10px,10px,0);
				transform: translate3d(10px,10px,0);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden; }

figure figcaption::before,
figure p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
			transition: opacity 0.35s, transform 0.35s; }

figure figcaption::before {	position: absolute;
							right: -25px;
							bottom: -25px;
							width: 130px;
							height: 130px;
							border: 2px solid #fff;
							border-radius: 50%;
							box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
							content: '';
							opacity: 0;
							-webkit-transform: scale3d(0.5,0.5,1);
							transform: scale3d(0.5,0.5,1);
							-webkit-transform-origin: 50% 50%;
							transform-origin: 50% 50%; }

figure:hover img {	opacity: 0.1;
					-webkit-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0); }

figure h2 {	margin: 0;
			word-spacing: -0.15em;
			font-weight: 300;
			text-align: left;
			-webkit-transition: -webkit-transform 0.35s;
			transition: transform 0.35s;
			-webkit-transform: translate3d(5px,5px,0);
			transform: translate3d(5px,5px,0); }

figure h2 span {	font-weight: 800;}

figure p {	margin: 0;
			letter-spacing: 1px;
			font-size: 50%;
			position: absolute;
			right: 0;
			bottom: 10px;
			padding: 0 1.5em 1.5em 0;
			width: 140px;
			text-align: right;
			opacity: 0;
			-webkit-transform: translate3d(20px,20px,0);
			transform: translate3d(20px,20px,0); }

figure p span {	font-size: 300%;
				color:#F68E00; }

figure:hover figcaption::before {	opacity: 1;
									-webkit-transform: scale3d(1,1,1);
									transform: scale3d(1,1,1); }

figure:hover h2,
figure:hover p {	opacity: 1;
					-webkit-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0); }

/* Media queries */
@media screen and (max-width: 50em) {
figure {	display: inline-block;
			float: none;
			margin: 10px auto;
			width: 100%; }
}