.logo {
  a,
  img {
    display: block;
  }

  img {
    max-width: none;
  }
}

.logo--primary {
  img {
    max-height: 70px;

    &[src*=".svg"] {
      height: 70px;
      max-width: 200px;
    }

    /* Responsive.
       ========================================================================== */
    @media screen and (max-width: 48em) {
      max-height: 40px;

      &[src*=".svg"] {
        height: 40px;
        max-width: 150px;
      }
    }
  }
}