div#contacts                            {width:100%; margin-top:2em; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap: 20px 2%}
div#contacts .contact                   {width:49%; display:flex; justify-content:space-between; align-items:flex-start;}
div#contacts .contact:nth-child(3n+3)   {margin-right:0; clear:right;}
/*div#contacts .contact:nth-child(4n+4)   {clear:both;}*/
/*div#contacts .contact:nth-child(even)   {float:right; clear:none;}*/

    div#contacts .contact .contact-image { width: 35%; height: 168px; overflow: hidden; border-radius: 1em; display: flex; justify-content: center; align-items: center; }
        div#contacts .contact .contact-image img { width: 100%; height: auto; display: block; object-fit: contain; border-radius: 1em; }
div#contacts .contact .contact-info         {width:62%;}
div#contacts .contact .contact-info h3      {margin:0 0 1% 0; padding:0;}
div#contacts .contact .contact-info p       {padding:0 0 0.5% 0; margin:0;}
div#contacts .contact .contact-info p.email {max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

@media only screen and (max-width: 480px)
{
    div#contacts                {margin-top:-2%;}
    div#contacts .contact       {width:100%; clear:both; margin-top:3%; padding-top:3%; margin-bottom:0; border-top:1px solid #ccc;}
    div#contacts .contact.alt   {float:left;}
}