/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 19 2024 | 23:41:01 */
.recipes-container {
	width: 100%;
	max-width: 1300px; 
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box; 
	margin-left: auto;
	margin-right: auto;
	display: grid; 
	grid-gap: 50px; 
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 60px;
	margin-bottom: 80px;
}

.recipes-container .recipe {
	width: 100%;
}

.recipes-container .recipe img {
	width: 100%;
	height: auto; 
	aspect-ratio: 4/3; 
	object-fit: cover;
}

.recipes-container .recipe .title {
	font-size: 16px; 
	text-align: center; 
	color: black;
	margin-top: 10px;
	text-transform: uppercase;
}

@media screen and (max-width: 820px) {  
	.recipes-container {
		grid-template-columns: 1fr;
	}
}