@media
{
    #h2-contact
    {
        margin-bottom: 3vw;
        text-align: center;
    }
    #contact_03
    {
        background-color: var(--red);
        flex-direction: row;
        justify-content: center;
        padding: 0 20vw;
        gap: 5vw;   
    }
    #contactbox
    {
        gap: 2vw;
        width: auto;
    }
    #contactbox p
    {
        font-size: 1.7vw;
    }

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

    .contactcard img
    {
        height: 50%;
    }
    


}


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

}





	
	
/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
{
        #h2-contact
    {
        margin-bottom: 10w;
        margin-left: 5vw;
        text-align: left;
    }

    #contact_03
    {
        align-items: flex-start;
        padding: 5vw 0vw 10vw 0vw;
        flex-direction: column;
    }

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

    .contactcard
    {
        gap: 0vw;
        border: 0.8vw solid var(--blue);
        border-radius: 3.9vw;
        height: 25vw;
        width: 25vw;
    }
    #contactbox p
    {
        font-size: 4.5vw;
    }
	
}