* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #333; font: 16px Arial, Helvetica, sans-serif; text-align: center; }
p { margin: 0; line-height: 19px; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid #333; outline-offset: 3px; }
header { height: 244px; }
.logo { display: block; position: relative; width: 413px; height: 262px; max-width: 100%; object-fit: contain; margin: 0 auto; top: 5px; transform: translateX(-.5px); }
main { width: 571px; max-width: 100%; margin: 0 auto; transform: translateX(-1.5px); }
.phones { margin-top: 19px; }
.phones a { pointer-events: none; }
.headquarters { margin-top: 19px; }
.email { margin-top: 19px; }
.linkedin { display: block; width: 39px; height: 39px; margin: 20px auto 0; transform: translateX(2px); }
.linkedin img { display: block; width: 100%; height: 100%; }
footer { margin: 37px auto 0; max-width: 100%; transform: translateX(-2.5px); }
footer p { font-weight: 400; }
@media (max-width: 767px) {
  body { font-size: calc(100vw * 15 / 320); }
  p { line-height: calc(100vw * 17 / 320); }
  header { height: calc(100vw * 168 / 320); }
  .logo { width: 87.5vw; height: calc(100vw * 178 / 320); top: 0; transform: none; }
  main { width: 87.5vw; transform: none; }
  .phones, .headquarters, .email { margin-top: calc(100vw * 17 / 320); }
  .phones a { pointer-events: auto; }
  .linkedin { width: calc(100vw * 35 / 320); height: calc(100vw * 35 / 320); margin-top: calc(100vw * 18 / 320); transform: translateX(calc(-100vw * .5 / 320)); }
  footer { margin-top: calc(100vw * 26 / 320); transform: none; padding: 0 3.125vw; }
  footer p { font-size: calc(100vw * 8 / 320); line-height: calc(100vw * 9 / 320); }
}