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;
 }
}