<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">div#contacts                {width:100%; display:flex; flex-wrap:wrap;}
div#contacts .contact       {width:40%; float:left; margin-top:2%; margin-bottom:1%; clear:left; margin-right:20px;}
div#contacts .contact.alt   {float:right; clear:none; margin-left:20px;}

div#contacts .contact .contact-image        {/*float:left; width:35%;*/}
div#contacts .contact .contact-image img    {width:100%; height:auto; display:block; max-width:200px; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
div#contacts .contact .contact-info         {/*float:right; width:62%;*/}
div#contacts .contact .contact-info h3      {font-size: 22px; padding: 0; margin: 5px 0 5px 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; margin-left:0;}
}</pre></body></html>