.logo-main a {
    display: block;
    background-image: url(/graphics/pinelodge/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9987px;
    width: 7rem;
    height: 3rem;
}

@media (min-width: 36em) {
    .logo-main a {
        height: 4.5rem;
    }
}

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .logo-main a {
        background-image: url(/graphics/pinelodge/logo@2x.png);
    }
}
.logo-main span {
    margin-left: 6em;
}