.title-grid {
	display: grid;
	margin-top: -75px;
	grid-template-areas:
		'food-pix1 centered-main food-pix2';
	gap: 20px;
	align-items: center;
}

.title-grid .food-pix1 {
	grid-area: food-pix1;
	display: flex;
	justify-content: center;
}

.title-grid .food-pix2 {
	grid-area: food-pix2;
	display: flex;
	justify-content: center;
}

.title-grid .centered-main {
	grid-area: centered-main;
	display: flex;
		justify-content: center;
}

h2 {
font-size: 1.875rem;
	text-align: center;
	padding-top: 1rem;
	line-height:1.1;

}
.recipes-card p:not(.recipes-card-meta) {
	flex-grow: 1;
}


.centered-main{
/* grid-column: 3/5; */
font-family: "Nothing You Could Do", cursive;
font-weight: 700;
font-size: 5rem;
font-style: italic;
font-weight: normal;
line-height: 1.2;
text-align: center;
/* margin-top: -3rem; */
/* padding: 10px; */
/* display: flex;
display: inline-flex;
align-content: center;
align-items: center; */
}
.centered-more {
	font-size: 3rem;
	display: block;
	margin-top: 1rem;
	text-align: center;
	text-decoration: none;
}



@media only screen and (max-width: 767px) {
	.title-grid {
		display: grid;
		margin-top: -75px;
		grid-template-areas:
			'food-pix1 centered-main food-pix2';
		gap: 20px;
		align-items: center;
	}

	.title-grid .food-pix1 {
		grid-area: food-pix1;
		display: flex;
		justify-content: center;
		margin-top: 60px;
	}

	.centered-main {
		font-family: "Nothing You Could Do", cursive;
		font-weight: 700;
		font-size: 2rem;
		/* changed from 1cqmin to 1rem */
		font-style: italic;
		font-weight: normal;
		line-height: 1.2;
		text-align: center;
		margin-top: 40px;
	}

	.title-grid .food-pix2 {
		grid-area: food-pix2;
		display: flex;
		justify-content: center;
		margin-top: 70px;
	}
}



/* .title-grid .centered-main {
	grid-area: centered-main;
	display: flex;
	justify-content: center;
	margin-top: 30px;
} */



/* @media only screen and (max-width: 768px) {
	.title-grid {
		display: grid;
		margin-top: -75px;
		grid-template-areas:
			'food-pix1 centered-main food-pix2';
		gap: 20px;
		align-items: center;
	}

	body {
		background-color: #f2f2f2;
	}
} */