@media
{
    #contactbox
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 2vw;
    }

    .contactcard
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0vw;
        background-color: var(--cargoegg);
        border: 0.2vw solid var(--darkgray);
        border-radius: 1vw;
        height: 8vw;
        width: 8vw;
    }

    .contactcard img
    {
        height: 50%;
    }


}


/* 1400 px *******************************************************************************************************/
@media (max-width: 1400px)
{

}





	
	
/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
{

    #contactbox
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6vw;
    }

    .contactcard
    {
        gap: 0vw;
        background-color: var(--cargoegg);
        border: 0.7vw solid var(--darkgray);
        border-radius: 3.9vw;
        height: 25vw;
        width: 25vw;
    }
	
}