/* ALL *******************************************************************************************************/
@media
{
	.contactcards
	{
		flex-direction: row;
		gap: 1vw;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		flex-wrap: wrap;
		width: 54vw;
	}

	.contactcard
	{
		background-color: var(--yellow);
		color: black;
		border-radius: 1vw;
		height: 8vw;
		width: 9vw;
		gap: 0.5vw;
	}

	.contact-image
	{
		min-height: 2vw;
		min-width: 2vw;
		height: 2vw;
		width: 2vw;
		object-fit: contain;
	}

}

/* 1400 px *******************************************************************************************************/
@media (max-width: 1400px)
{
	.contactcards
	{
		width: 51vw;
		gap: 3vw;
		justify-content: flex-start;
	}
	.contactcard
	{
		width: 15vw;
		height: 10vw;
	}
}

/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
{
	.contactcards
	{
		gap: 4vw;
		width: auto;
		position: static;
		top: auto;
		transform: none;
	}
	.contactcard
	{
		width: 40vw;
		height: 34vw;
		border-radius: 5vw;
		gap: 2vw;
	}
	.contactcard p
	{
		font-size: 3.8vw;
		line-height: 4.4vw;
	}
	.contact-image
	{
		min-height: 11vw;
		min-width: 11vw;
		height: 11vw;
		width: 11vw;
	}

}