.serve {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.serve-card {
	width: 33.33%;
	box-shadow: 0px 8px 16px 0px #00000033;
}
.serve-card:first-child {
	z-index: 1;
}
.serve-card:nth-child(2){
	margin-top: 2.8rem;
	margin-left: -2.8rem;
	z-index: 9;
}
.serve-card:last-child {
	margin-top: 5.6rem;
	margin-left: -2.8rem;
	z-index: 1;
}
.serve-image {
	width: 100%;
	height: 0 !important;
	padding-top: 63.5%;
	overflow: hidden;
}
.serve-image img {
	position: absolute !important;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.serve-card h3 {
	color: #fff;
	padding: 1.3rem 0;
	max-width: 210px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 1080px) {
	.serve { justify-content: flex-start; }
	.serve-card { width: calc(33.3333% + 2.4rem);}
}
@media only screen and (max-width: 600px) {
	.serve { display: block; width: calc(100% + 64px); margin: 0; padding-right: 32px; }
	.serve-card { width: 100%; }
	.serve-card:nth-child(2),
	.serve-card:last-child { margin-top: 0; margin-left: 0; }
}
@media only screen and (max-width: 480px) {
	.serve { display: block; width: calc(100% + 48px); margin: 0; padding-right: 24px; }
}