@media (max-width:319.9px) {
	/*Stile per la pagina archivio delle ricette e dei ristoranti*/
	div#primary {
		padding-bottom: 35px;
	}
	h1.entry-title {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 5px;
	}
	.title {
		padding: 8px;
		line-height: 19px;
	}
	.contenitore {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
		margin: 10px;
	}
	.ricetta-container {
		width: 100%;
		padding: 0px;
		text-align: center;
		border-radius: 10px;
		align-items: center; 
		background-color: white;
	}
	.ricetta-container:hover {
		box-shadow: 0 3px 25px rgb(135,135,135);
		transition: box-shadow .5s;
	}
	.image-container {
		width: calc(100% / 5) - 20px;
		height: 188px;
	}
	.immagine_ricetta_thumbnail {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.title a {
		text-decoration: none;
		color: black;
		font-family: 'Poppins';
		font-size: 18px;
	}
	.contained-content.separate-containers .inside-article {
		padding: 0;
		background-color: rgb(247,248,249);
	}
	.ristoranti-stellati {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	.chef {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	/* css for stick footer always to the bottom of the page*/
	body {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	.container.grid-container {
		width: 100% !important;
	}
	.site-footer {
		margin-top: auto;
	}
}

@media (min-width:320px) and (max-width:374px) {
	/*Stile per la pagina archivio delle ricette e dei ristoranti*/
	div#primary {
		padding-bottom: 35px;
	}
	h1.entry-title {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 5px;
	}
	.title {
		padding: 8px;
		line-height: 19px;
	}
	.contenitore {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(2, calc(calc(100% / 2) - 20px));
		grid-gap: 20px;
		margin: 10px;
	}
	.ricetta-container {
		width: 100%;
		padding: 0px;
		text-align: center;
		border-radius: 10px;
		align-items: center; 
		background-color: white;
	}
	.ricetta-container:hover {
		box-shadow: 0 3px 25px rgb(135,135,135);
		transition: box-shadow .5s;
	}
	.image-container {
		width: calc(100% / 5) - 20px;
		height: 188px;
	}
	.immagine_ricetta_thumbnail {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.title a {
		text-decoration: none;
		color: black;
		font-family: 'Poppins';
		font-size: 18px;
	}
	.contained-content.separate-containers .inside-article {
		padding: 0;
		background-color: rgb(247,248,249);
	}
	.ristoranti-stellati {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	.chef {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	/* css for stick footer always to the bottom of the page*/
	body {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	.container.grid-container {
		width: 100% !important;
	}
	.site-footer {
		margin-top: auto;
	}
}

@media (min-width:375px) and (max-width:420px) {
	/*Stile per la pagina archivio delle ricette e dei ristoranti*/
	div#primary {
		padding-bottom: 35px;
	}
	h1.entry-title {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 5px;
	}
	.title {
		padding: 8px;
		line-height: 19px;
	}
	.contenitore {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(3, calc(calc(100% / 3) - 20px));
		grid-gap: 20px;
		margin: 10px;
	}
	.ricetta-container {
		width: 100%;
		padding: 0px;
		text-align: center;
		border-radius: 10px;
		align-items: center; 
		background-color: white;
	}
	.ricetta-container:hover {
		box-shadow: 0 3px 25px rgb(135,135,135);
		transition: box-shadow .5s;
	}
	.image-container {
		width: calc(100% / 5) - 20px;
		height: 188px;
	}
	.immagine_ricetta_thumbnail {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.title a {
		text-decoration: none;
		color: black;
		font-family: 'Poppins';
		font-size: 18px;
	}
	.contained-content.separate-containers .inside-article {
		padding: 0;
		background-color: rgb(247,248,249);
	}
	.ristoranti-stellati {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	.chef {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	/* css for stick footer always to the bottom of the page*/
	body {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	.container.grid-container {
		width: 100% !important;
	}
	.site-footer {
		margin-top: auto;
	}
}

@media (min-width:421px) and (max-width:550px) {
	/*Stile per la pagina archivio delle ricette e dei ristoranti*/
	div#primary {
		padding-bottom: 35px;
	}
	h1.entry-title {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 5px;
	}
	.title {
		padding: 8px;
		line-height: 19px;
	}
	.contenitore {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(3, calc(calc(100% / 3) - 20px));
		grid-gap: 20px;
		margin: 10px;
	}
	.ricetta-container {
		width: 100%;
		padding: 0px;
		text-align: center;
		border-radius: 10px;
		align-items: center; 
		background-color: white;
	}
	.ricetta-container:hover {
		box-shadow: 0 3px 25px rgb(135,135,135);
		transition: box-shadow .5s;
	}
	.image-container {
		width: calc(100% / 5) - 20px;
		height: 188px;
	}
	.immagine_ricetta_thumbnail {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.title a {
		text-decoration: none;
		color: black;
		font-family: 'Poppins';
		font-size: 18px;
	}
	.contained-content.separate-containers .inside-article {
		padding: 0;
		background-color: rgb(247,248,249);
	}
	.ristoranti-stellati {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	.chef {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	/* css for stick footer always to the bottom of the page*/
	body {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	.container.grid-container {
		width: 100% !important;
	}
	.site-footer {
		margin-top: auto;
	}
}

@media (min-width:551px) and (max-width:766.9px) {
	/*Stile per la pagina archivio delle ricette e dei ristoranti*/
	div#primary {
		padding-bottom: 35px;
	}
	h1.entry-title {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 5px;
	}
	.title {
		padding: 8px;
		line-height: 19px;
	}
	.contenitore {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(4, calc(calc(100% / 4) - 20px));
		grid-gap: 20px;
		margin: 10px;
	}
	.ricetta-container {
		width: 100%;
		padding: 0px;
		text-align: center;
		border-radius: 10px;
		align-items: center; 
		background-color: white;
	}
	.ricetta-container:hover {
		box-shadow: 0 3px 25px rgb(135,135,135);
		transition: box-shadow .5s;
	}
	.image-container {
		width: calc(100% / 5) - 20px;
		height: 188px;
	}
	.immagine_ricetta_thumbnail {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.title a {
		text-decoration: none;
		color: black;
		font-family: 'Poppins';
		font-size: 18px;
	}
	.contained-content.separate-containers .inside-article {
		padding: 0;
		background-color: rgb(247,248,249);
	}
	.ristoranti-stellati {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	.chef {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	/* css for stick footer always to the bottom of the page*/
	body {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	.container.grid-container {
		width: 100% !important;
	}
	.site-footer {
		margin-top: auto;
	}
}

@media (min-width:767px) and (max-width:899.99px)  {
	/*Stile per la pagina archivio delle ricette e dei ristoranti*/
	div#primary {
		padding-bottom: 35px;
	}
	h1.entry-title {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 5px;
	}
	.title {
		padding: 8px;
		line-height: 19px;
	}
	.contenitore {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(4, calc(calc(100% / 4) - 20px));
		grid-gap: 20px;
		margin: 10px;
	}
	.ricetta-container {
		width: 100%;
		padding: 0px;
		text-align: center;
		border-radius: 10px;
		align-items: center; 
		background-color: white;
	}
	.ricetta-container:hover {
		box-shadow: 0 3px 25px rgb(135,135,135);
		transition: box-shadow .5s;
	}
	.image-container {
		width: calc(100% / 5) - 20px;
		height: 188px;
	}
	.immagine_ricetta_thumbnail {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.title a {
		text-decoration: none;
		color: black;
		font-family: 'Poppins';
		font-size: 18px;
	}
	.contained-content.separate-containers .inside-article {
		padding: 0;
		background-color: rgb(247,248,249);
	}
	.ristoranti-stellati {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	.chef {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	/* css for stick footer always to the bottom of the page*/
	body {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	.container.grid-container {
		width: 100% !important;
	}
	.site-footer {
		margin-top: auto;
	}
}

@media (min-width:900px) and (max-width:1400px)  {
	/*Stile per la pagina archivio delle ricette e dei ristoranti*/
	div#primary {
		padding-bottom: 35px;
	}
	h1.entry-title {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 5px;
	}
	.title {
		padding: 8px;
		line-height: 19px;
	}
	.contenitore {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(5, calc(calc(100% / 5) - 20px));
		grid-gap: 20px;
		margin: 10px;
	}
	.ricetta-container {
		width: 100%;
		padding: 0px;
		text-align: center;
		border-radius: 10px;
		align-items: center; 
		background-color: white;
	}
	.ricetta-container:hover {
		box-shadow: 0 3px 25px rgb(135,135,135);
		transition: box-shadow .5s;
	}
	.image-container {
		width: calc(100% / 5) - 20px;
		height: 188px;
	}
	.immagine_ricetta_thumbnail {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.title a {
		text-decoration: none;
		color: black;
		font-family: 'Poppins';
		font-size: 18px;
	}
	.contained-content.separate-containers .inside-article {
		padding: 0;
		background-color: rgb(247,248,249);
	}
	.ristoranti-stellati {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	.chef {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	/* css for stick footer always to the bottom of the page*/
	body {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	.container.grid-container {
		width: 100% !important;
	}
	.site-footer {
		margin-top: auto;
	}
}

@media(min-width:1401px) {
	/*Stile per la pagina archivio delle ricette e dei ristoranti*/
	div#primary {
		padding-bottom: 35px;
	}
	h1.entry-title {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 5px;
	}
	.title {
		padding: 8px;
		line-height: 19px;
	}
	.contenitore {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(5, calc(calc(100% / 5) - 20px));
		grid-gap: 20px;
		margin: 10px;
	}
	.ricetta-container {
		width: 100%;
		padding: 0px;
		text-align: center;
		border-radius: 10px;
		align-items: center; 
		background-color: white;
	}
	.ricetta-container:hover {
		box-shadow: 0 3px 25px rgb(135,135,135);
		transition: box-shadow .5s;
	}
	.image-container {
		width: calc(100% / 5) - 20px;
		height: 188px;
	}
	.immagine_ricetta_thumbnail {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.title a {
		text-decoration: none;
		color: black;
		font-family: 'Poppins';
		font-size: 18px;
	}
	.contained-content.separate-containers .inside-article {
		padding: 0;
		background-color: rgb(247,248,249);
	}
	.ristoranti-stellati {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	.chef {
		text-align: center;
		font-family: 'Poppins';
		padding-top: 15px;
	}
	/* css for stick footer always to the bottom of the page*/
	body {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	.container.grid-container {
		width: 100% !important;
	}
	.site-footer {
		margin-top: auto;
	}
}