.cs-category-grid-wrapper {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
}




.cs-card {
width: 100%;
cursor: pointer;
}

.cs-card-overlay {
	transition: background-color .5s;
}

.cs-card-overlay-link{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.card__thumbnail {
	height: 100%;
}

.cs-card-img-wrapper{
	position: relative;
	height: 423px;
	max-width: 290px;
	max-height: 423px;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	margin: 5px;
	margin: 5px auto;
}

.cs-card-img-wrapper:hover .cs-card-overlay {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.7);
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	z-index: -1;
}

.cs-card-img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	z-index: -2;
}

.cs-card-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}


.cs-card-link .cs-screen-readers {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


.cs-card__title {
font-family: 'Playfair Display',serif;
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 44px;
align-items: center;
text-align: center;
letter-spacing: 0.03em;
color: #636363;  
}

.cs-card-link {
	padding: 9px 28px;
	background-color: transparent;
	color: #535353;
	font-family: 'Playfair Display',serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 17px;
    transition: background-color .3s, color .3s, opacity .5s;
	border: 1px solid #414141;
border-radius: 10px;
text-transform: uppercase;
opacity: 0;
z-index: 10;
}

.cs-card-link:hover{
    background-color: #fff;
	color: #535353;
}

.cs-card-img-wrapper:hover .cs-card-link {
	opacity: 1;
}

@media (min-width: 558px){
	.cs-card {
		width: calc(50% - 10px);
	}
	
	.cs-category-grid-wrapper .cs-card:nth-child(2n){
	margin-bottom: 40px;
}
	
	.cs-card-img-wrapper{
	margin: 5px;
	}
}


@media (min-width: 768px){
	.cs-category-grid-wrapper .cs-card:nth-child(2n){
	margin-bottom: 80px;
}
	
    .cs-card {
        width: calc(25% - 20px);
    
        /* height: 336px;
        max-width: 336px;
        max-height: 336px; */
        border-radius: 24px;
        margin: 10px;
    }

    .cs-card__title {
        /* font-size: 32px;
        margin-bottom: 10px; */
    }
  
    
}

@media (min-width: 1025px){

}