.NavBox {
	margin-bottom: 3em;
}
.NavBox img { max-width: 100%; }

.NavBox .item {
	display: inline-block;
	position: relative;
	margin-bottom: 1em;
	border-radius: 2px / 50%;
	overflow: hidden;
}
.NavBox .item .pic {
	border-radius: 50% / 2px;
	overflow: hidden;
}
.NavBox .item .pic .mask {
	border-radius: 10px;
	overflow: hidden;
}
.NavBox .item .pic img {
	transition: all 250ms;
	width: 100%;
}
.NavBox .item:hover .pic img { transform: scale(1.07, 1.07); }
.NavBox .item .overlay {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 10%;
	background-color: rgba(255, 255, 255, .8);
	text-align: center;
	height: 64px;
}

.NavBox.epz4 .item { width: 23.5%; }
.NavBox.epz3 .item,
.NavBox.epz4.rest3 .item:nth-of-type(-n+3) { width: 32%; }
.NavBox.epz4.rest2 .item:nth-of-type(-n+2),
.NavBox.epz3.rest2 .item:nth-of-type(-n+2) { width: 49%; }

.NavBox .item .overlay img {
	margin: auto;
}
.NavBox .item .overlay h2 {
	margin: 0;
	font-size: 32px;
	color: #3b3b3b;
	font-weight: normal;
}
@media all and (max-width: 1100px) {
	.NavBox .item .overlay h2 {
		font-size: 24px;
	}
}
@media all and (max-width: 700px) {
	.NavBox.epz4 .item { width: 32%; }
	.NavBox.epz4 .item:nth-of-type(-n+2) { width: 49%; }
}
@media all and (max-width: 500px) {
	.NavBox.epz4 .item,
	.NavBox.epz3 .item {width: 49%;}
}