/* ALL *******************************************************************************************************/
@media
	{
		.cards
		{
			flex-direction: row;
			justify-content: flex-start;
			flex-wrap: wrap;
			width:64vw;
			gap: 4vw;
		}
		.card
		{
			width: 13vw;
			height: 20vw;
			background-color: var(--grey);
		}
		.card > *
		{
			width: 100%;
		}

		.card_top
		{
			height: 25%;
		}
		.card_middle
		{
			height: 40%;

		}
		.card_middle img
		{
			width: 65%;
			height: 65%;
			object-fit: contain;
		}
		.card_foot
		{
			height: 35%;
			background-color: var(--turquoise);
			justify-content: space-between;
			padding: 0.6vw 0.3vw;
		}

	}

/* 1400 px *******************************************************************************************************/
@media (max-width: 1400px)
	{
		.cards
		{
			flex-wrap: wrap;
			width:80vw;
			gap: 4vw;
		}
		.card
		{
			width: 17vw;
			height: 26vw;
		}
		.card_middle
		{
			height: 45%;
		}
		.card_foot
		{
			height: 40%;
		}
	}

/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
	{
		.cards
		{
			flex-direction: column;
			width: auto;
			gap: 0;
		}
		.card
		{
			width: 90vw;
			height: auto;
		}
		.card_top
		{
			height: 15vw;
		}
		
		.card_middle
		{
			height: 35vw;
		}
		.card_middle img
		{
			width: 70%;
			height: 70%;
		}
	
		.card_foot
		{
			padding: 6vw 2vw;
			gap: 2vw;
			height: auto
		}

	}