@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    /* common */
    h1 .hexy { background-image: url('../img/hexy@2x.png'); }
    .inverse h1 .hexy { background-image: url('../img/hexy-inverse@2x.png'); }
    input.text { background-image: url('../img/text@2x.png'); }

    /* slider */
    #slider .bottom { background-image: url('../img/slider-bottom@2x.png'); }

    /* buttons */
    .button-light { background-image: url('../img/button-light@2x.png'); }
    .button-dark { background-image: url('../img/button-dark@2x.png'); }
    .button-light > .background { background-image: url('../img/button-light-background@2x.png'); }
    .button-dark > .background { background-image: url('../img/button-dark-background@2x.png'); }

    /* subscribe */
    .subscribe { background-image: url('../img/icon-pattern@2x.png'); }

    /* gallery */
    .hex { background-image: url('../img/hex@2x.png'); }
    .hex .inner { background-image: url('../img/hex-inner@2x.png'); }
    .hex .cover, .hex .hover { background-image: url('../img/hex-cover@2x.png'); }
    .hex .zoom { background-image: url('../img/hex-zoom@2x.png'); }
    .hex .link { background-image: url('../img/hex-link@2x.png'); }

    /* footer */
    footer .flickr-box .overlay { background-image: url('../img/flickr-box@2x.png'); }
    footer .infomap { background-image: url('../img/infomap@2x.png'); }

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
        #slider .bottom { background-image: url('../img/slider-bottom-small@2x.png'); }
        .button { background-image: url('../img/button-light-small@2x.png'); }
        .button-light > .background { background-image: url('../img/button-light-background-small@2x.png'); }
        .button-dark { background-image: url('../img/button-dark-small@2x.png'); }
        .button-dark > .background { background-image: url('../img/button-dark-background-small@2x.png'); }
        input.text { background-image: url('../img/text-small@2x.png'); }
    }
}