/* 375px tap targets: 44px minimum size, at least 8px between controls. */
@media (max-width: 768px) {
  nav a.logo,
  nav a.nav-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  nav .nav-phone,
  nav .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
  }

  .btn,
  .form-submit,
  .btn-connect {
    box-sizing: border-box;
    min-height: 44px;
  }

  .form-group input:not([type="radio"]):not([type="checkbox"]),
  .form-group select,
  .form-group textarea {
    box-sizing: border-box;
    min-height: 44px;
  }

  .footer-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    padding: 8px 10px;
  }

  footer p a,
  .footer-legal a {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    padding: 10px 6px;
    margin: 4px;
    vertical-align: middle;
  }

  a.blog-link,
  a.service-link,
  .service-card a {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 44px;
    vertical-align: middle;
  }

  .related a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
  }
}
