@media (min-width: 1024px)
{
	.buy .shops
	{
		grid-template-columns: repeat(4, minmax(0, 220px));
	}

	.buy .shops li:nth-last-child(-n+2)
	{
		display: none;
	}
}

@media (max-width: 800px)
{
	h1
	{
		text-align: center;
		font-size: 22px !important;
	}

	h1 span
	{
		font-size: 36px;
	}

	h3
	{
		font-size: 20px;
	}

	body[id] .hero
	{
		background-image: url("../img/vaso_top_mobile.png"), var(--hero-bg) !important;
		background-repeat: no-repeat;
		background-position: right bottom;
		padding-bottom: calc(var(--gap) * 4);
	}

	#index
	{
		background-image: url("../img/bg_mobile.jpg") !important;
	}

	#index .hero
	{
		background-image: none !important;
		aspect-ratio: calc(4500/7125) !important;
	}

	#index .hero h1
	{
		font-size: 26px !important;
		width: 80%;
		margin: 0 auto;
		margin-top: 50px;
	}

	#chocolate .hero
	{
		background-image: url("../img/choco_top_mobile.png"), var(--hero-bg) !important;
	}

	#chocolate .info
	{
		padding-top: 0;
	}

	.button_desktop
	{
		display: none;
	}

	.button_mobile
	{
		display: inline-block;
		font-size: 16px !important;
		width: 100%;
	}

	.content
	{
		gap: calc(var(--gap) / 4) !important;
	}

	.content_title
	{
		margin-left: -15px;
	}

	.content_image
	{
		min-height: 300px;
	}

	.content_icons
	{
		margin: 0 auto;
		margin-top: 20px;
	}

	.content_icons img
	{
		height: 38px;
	}

	.content_text p
	{
		font-size: 14px;
		margin: 10px auto;
	}

	.content_text p.small
	{
		font-size: 12px;
	}

	.ingredients img
	{
		width: 65px;
	}

	.ingredients p
	{
		font-size: 12px;
		margin: 10px 0;
	}

	.info
	{
		padding-top: var(--gap);
	}

	.info>div
	{
		flex-direction: column;
		gap: var(--gap);
	}

	.info>div>div
	{
		width: 100%;
	}

	ul.communication
	{
		flex-direction: column;
		width: 85%;
	}

	ul.communication li
	{
		flex-direction: row;
	}

	ul.communication li a
	{
		display: flex;
	}

	ul.communication li img
	{
		width: 150px;
		height: 48px;
	}

	ul.communication p
	{
		width: 100%;
		flex: 1;
		text-align: left;
	}

	section.contact>p
	{
		max-width: 75%;
	}

	.buy .shops li
	{
		width: 100%;
	}

	.sustainability
	{
		padding-bottom: calc(var(--gap) * 2);
	}

	.sustainability div.desktop
	{
		display: none;
	}

	.sustainability div.mobile
	{
		display: flex;
	}

	.sustainability div.mobile>div:first-child
	{
		width: 40%;
	}

	.sustainability div.mobile>div:first-child img
	{
		margin-left: -20px;
		height: 245px;
	}

	.sustainability div.mobile>div:last-child
	{
		padding: 20px 0;
	}

	.buy .shops
	{
		grid-template-columns: repeat(auto-fit, minmax(clamp(135px, 22vw, 220px), 1fr));
		gap: 10px;
	}

	section.contact div.social
	{
		flex-direction: column;
	}

	footer p
	{
		margin: 15px auto;
		max-width: 100%;
	}

	dialog
	{
		padding: var(--gap);
		width: 90%;
	}

	.text_footer
	{
		max-height: 75vh;
		height: 75vh;
	}

	.zero_p div
	{
		width: 100% !important;
	}

	.zero_p h1
	{
		font-size: 24px !important;
	}

	.zero_p h1 span
	{
		font-size: 28px !important;
	}

	.milk_glass
	{
		height: 0;
		max-height: 0;
		min-height: 0;
	}
}

@media (max-width: 500px)
{

}

@media (max-width: 420px)
{
	body:not(#chocolate) .content_image
	{
		background-size: 125%;
	}

	.content_button
	{
		transform: translateY(-25px);
	}

	.content_button a
	{
		/* transform: translateY(-60px); */
		width: 90%;
		height: 30px;
		font-size: 16px !important;
		text-align: center;
		padding: 3px;
	}
}