.NavBox img { max-width: 100%; }

.NavBox .item {
	display: inline-block;
	position: relative;
	margin-bottom: 2.5em;
	overflow: hidden;
	border-radius: var(--Scarlett-Radius);
}
.NavBox.epz4 .item { width: 23.5%; }
.NavBox.epz3 .item,
.NavBox.epz4.rest3 .item:nth-of-type(-n+3) { width: 30%; }
.NavBox.epz4.rest2 .item:nth-of-type(-n+2),
.NavBox.epz3.rest2 .item:nth-of-type(-n+2) { width: 45%; }
.NavBox .item .pic img {
	transition: all 400ms;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
}
.NavBox .item:hover .pic img {
	webkit-transform: translateY(-25px);
	-moz-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
}
.NavBox .item .overlay {
	position: absolute;
	left: 0;
	padding: 20px;
	background: #2f2f2f;
	color: #fff;
	height: 8em;
	width: 100%;
	top: auto;
	bottom: 0;
	-webkit-transform: translateY(55%);
	-moz-transform: translateY(55%);
	-ms-transform: translateY(55%);
	transform: translateY(55%);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 400ms, opacity 100ms 300ms;
	-moz-transition: -moz-transform 400ms, opacity 100ms 300ms;
	transition: transform 400ms, opacity 100ms 300ms;
	background: var(--Kyle-Color);
	box-sizing: border-box;
}
.NavBox .item.HasMore:hover .overlay {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 400ms, opacity 100ms;
	-moz-transition: -moz-transform 400ms, opacity 100ms;
	transition: transform 400ms, opacity 100ms;
}

.NavBox .item .overlay img {
	margin: auto;
}

.NavBox .item:hover {
	text-decoration: none;
}
.NavBox .item .overlay h2 {
	line-height: 100%;
	margin-bottom: 15px;
	color: #fff;
}
.NavBox .item .overlay .Description {
	color: #fff;
	font-size: 16px;
}
@media all and (max-width: 1100px) {
	.NavBox .item .overlay h2 {
		font-size: 20px;
	}
}
@media all and (max-width: 800px) {
	.NavBox.epz4 .item { width: 32%; }
}
@media all and (max-width: 1150px) {
	.NavBox.epz4 .item,
	.NavBox.epz4.rest3 .item,
	.NavBox.epz4.rest3 .item:nth-of-type(-n+3),
	.NavBox.epz4.rest2 .item,
	.NavBox.epz4.rest1 .item,
	.NavBox.epz3 .item {width: 48%;}
}
@media all and (max-width: 650px) {
	.NavBox.epz4 .item,
	.NavBox.epz4.rest3 .item,
	.NavBox.epz4.rest3 .item:nth-of-type(-n+3),
	.NavBox.epz4.rest2 .item,
	.NavBox.epz4.rest1 .item,
	.NavBox.epz3 .item {width: 100%;}
}