/* ALL *******************************************************************************************************/
@media
{
	.flow
		{
			flex-direction: row;
			gap: 4vw;
			width: auto;
		}
	.flow_element
		{
			flex-direction: row;
		}
	.flow_number
		{
			color: var(--mocca);
			background-color: var(--cacao);
			display: flex;
			justify-content: center;
			align-items: center;
			height: 4vw;
			width: 4vw;
			font-size: 3vw;
			font-family: Merriweather;
		}
	.flow_message
	{
		width: auto;
		gap: 1vw;
		flex-direction: row;
	}
	.flow_message img
	{
		max-width: 4vw;
		max-height: 4vw;
		width: 6vw;
		height: 4vw;
		object-fit: contain;
	}
	.flow_arrow
	{
		height: 3vw;
	}
}

/* 1400 px *******************************************************************************************************/
@media (max-width: 1400px)
{
	.flow_element
	{
		gap: 1vw;
	}	
	.flow_number
	{
		font-size: 4vw;
		width: 6vw;
		height: 6vw;
	}

	.flow_message img
	{
		max-width: 6vw;
		max-height: 6vw;
		width: 8vw;
		height: 5vw;
	}
	.flow_arrow
	{
		height: 3vw;
	}
}

/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
	{
	.flow
		{
			flex-direction: column;
			gap: 14vw;
		}
	.flow_element
		{
			gap: 5vw;
			flex-direction: column;
		}
	.flow_number
		{
			font-size: 10vw;
			width: 15vw;
			height: 15vw;
		}
	.flow_message
	{
		gap: 3vw;
	}
	.flow_message img
	{
		max-width: 20vw;
		max-height: 20vw;
		width: 25vw;
		height: 20vw;
	}
	.flow_arrow
	{
		height: 10vw;
		transform: rotate(90deg);
	}
}