utility-pro-retina-logo-styles.css

/* Logo, hide text */
.header-image .site-title > a {
  background: url(images/logo.png) no-repeat center;
  float: left;
  min-height: 80px;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (   min--moz-device-pixel-ratio: 2),
  screen and (   -moz-min-device-pixel-ratio: 2),
  screen and (        min-device-pixel-ratio: 2),
  screen and (                min-resolution: 192dpi),
  screen and (                min-resolution: 2dppx) {
        .header-image .site-title > a {
          background: url(images/logo@2x.png) no-repeat center;
          background-size: 300px 60px;
          width: 100%;
        }
}
@media screen and (min-width: 1023px) {
  .header-image .site-title > a {
    background: url(images/logo.png) no-repeat left;
  }
}
@media  screen and (min-width: 1023px) and (-webkit-min-device-pixel-ratio: 2), 
        screen and (min-width: 1023px) and (min--moz-device-pixel-ratio: 2), 
        screen and (min-width: 1023px) and (-moz-min-device-pixel-ratio: 2), 
        screen and (min-width: 1023px) and (min-device-pixel-ratio: 2), 
        screen and (min-width: 1023px) and (min-resolution: 192dpi), 
        screen and (min-width: 1023px) and (min-resolution: 2dppx) {
          .header-image .site-title > a {
            background: url(images/logo@2x.png) no-repeat left;
            background-size: 300px 60px;
            width: 100%;
          }
}