.swiper.categories .swiper-slide {
	width: 28vw;
	min-width: 250px;
	/*height: 0;*/
	/*background-color: powderblue;*/
}

.swiper.categories .swiper-slide .slide-container {
	position: relative;
	padding-top: 100%;
}

.swiper.categories .swiper-slide .slide-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 1.2em 1.5em;
	overflow: hidden;
}

.swiper.categories .swiper-slide .slide-content:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	z-index: -1;
	background: linear-gradient(rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0));
}

.swiper.categories .swiper-slide .slide-content img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: -2;
    /*transition: scale .3s;*/
}

/*.swiper.categories .swiper-slide:hover .slide-content img {
	transform: scale(1.025);
}*/

.swiper.categories .swiper-slide .slide-text {
    /*z-index: 2;*/
    /*position: relative;*/
    color: rgba(255,255,255,.6);
}

.swiper.categories .swiper-slide .slide-text .sup-title {
	font-size: smaller;
}

.swiper.categories .swiper-slide .slide-text .title {
	color: white;
	font-size: x-large;
	/*font-family: "Playfair Display", serif;*/
}

.swiper.categories .swiper-slide a {
	color: inherit;
	opacity: 0.8;
	transition: opacity .3s;
}
.swiper.categories .swiper-slide a:hover {
	opacity: 1;
}

.swiper.categories .slide-content p {
    color: rgba(255,255,255,.6);
    margin-top: 1em;
}

@media screen and (max-width: 520px) {
	.swiper.categories .swiper-slide {
		min-width: 200px;
	}
}