/*Image transitions */
	.imageSection img {
		margin:auto;
		display:block;		
		
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-ms-transform: scale(.9);
		-o-transform: scale(.9));		
		transform: scale(.9);

		-webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		-moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		-ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		-o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	}
	.imageSection img:hover {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1));
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.og-grid .thumbs {
		margin:auto;
		display:block;
		width: 300px;		
		
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-ms-transform: scale(.9);
		-o-transform: scale(.9));		
		transform: scale(.9);

		-webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		-moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		-ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		-o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
		transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
		-webkit-filter: grayscale(40%);
		filter: grayscale(40%);
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.7\'/></filter></svg>#grayscale");
	}
	.thumbs:hover {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1));
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-filter: grayscale(0%);
		filter: none;

	}

	@media only screen and (max-width: 40em) { 
		.og-grid .thumbs {
			-webkit-filter: grayscale(0%);
			filter: none;
		}

		.thumbs:hover {
			-webkit-filter: grayscale(0%);
			filter: none;
		}
	}