/* Explicit mobile exception: contact text marker/shadow and matching desktop icons. */
@media (max-width: 800px) {
  .header .header-contacts > .header-contact-phone > span,
  .header .header-contacts > .header-contact-email > span,
  .header .header-contacts > a[href^="tel:"] > span,
  .header .header-contacts > a[href^="mailto:"] > span {
    text-shadow: 0 2px 2px rgba(0, 0, 0, .42), 0 4px 7px rgba(0, 0, 0, .24);
    background: #000;
    border-radius: 999px;
    color: #fff;
    box-shadow: .25em 0 0 #000, -.25em 0 0 #000;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .header .header-contacts > .header-contact-phone > svg,
  .header .header-contacts > .header-contact-email > svg,
  .header .header-contacts > a[href^="tel:"] > svg,
  .header .header-contacts > a[href^="mailto:"] > svg {
    color: #000;
    stroke-width: 1.8;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    transform: scale(.82);
    transform-origin: center;
  }
}