#project-gallery,
#project-gallery .splide__track {
	height: 420px;
}

#project-gallery img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: 50% 50%;
	border-radius: 50px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px -4px 6px 0px rgba(79, 79, 79, 0.25);
}

#project-gallery .splide__arrows {
	position: relative;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px;
}

#project-gallery .splide__arrow {
	width: 48px;
    height: 48px;
	color: #fff;
    border: 2px solid #fff;
    opacity: 1;
    background: rgba(255,255,255,0.3);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px -4px 6px 0px rgba(79, 79, 79, 0.25);
	transition: .3s all;
}

#project-gallery .splide__arrow:hover {
	background: var(--wp--preset--color--jmb-orange) !important;
	border-color: var(--wp--preset--color--jmb-orange) !important;
}

.splide__arrow--prev {
	left: 0 !important;
}

.splide__arrow--next {
	right: 0 !important;
}

#project-gallery .splide__arrow svg {
	fill: #fff;
	width: 25px;
	height: 25px;
}

@media (min-width: 600px) {
	#project-gallery,
	#project-gallery .splide__track {
		height: 470px;
	}
	
	#project-gallery img {
		height: 450px;
	}
}

@media (min-width: 800px) {
	#project-gallery,
	#project-gallery .splide__track {
		height: 520px;
	}
	
	#project-gallery img {
		height: 500px;
	}
}

@media (min-width: 1000px) {
	#project-gallery,
	#project-gallery .splide__track {
		height: 570px;
	}
	
	#project-gallery img {
		height: 550px;
	}
}

@media (min-width: 1200px) {
	#project-gallery,
	#project-gallery .splide__track {
		height: 620px;
	}
	
	#project-gallery img {
		height: 600px;
	}
}

@media (min-width: 1400px) {
	#project-gallery,
	#project-gallery .splide__track {
		height: 670px;
	}
	
	#project-gallery img {
		height: 650px;
	}
}