IE8+ Retina and Responsive Images

.logo {
  display: block;
  width: 100px;
  height: 80px;
  text-indent: -9999em;
  background: url(img/logo.png) no-repeat;
  background-size: cover;
  @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
      background-image: url(img/logo@2x.png);
    }
  @media
    (max-width: 700px) {
      width: 75px;
      height: 60px;
    }
}