/*
 * Base structure
 */
html {
	height: 100vh;
}

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

/*
 * Client
 */
.client-container {
	position: relative;
}

.client-title {
	
}

.client-img {
	opacity: 1;
	display: block;
	max-width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

.client-overlay {
	opacity: 0;
	transition: .5s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	text-decoration: none;
}

.client-overlay:hover,
.client-overlay:focus,
.client-overlay:visited {
	color: #fff;
	text-decoration: none;
}

.client-container:hover .client-img {
	opacity: .3;
}

.client-container:hover .client-overlay {
	opacity: 1;
}