/* Bakersfield.com Logo */

.bcom-logo #header-logo {
    width: 360px;
    height: 72px;
    background: url('../images/logo-bcom-90dpi.png') no-repeat;
    margin: 0 10px 0 0;
}
    
.bcom-logo #section-nav {
    top: 69px;
}

/* Responsive design media queries */
@media (max-width: 950px) {
    .bcom-logo #header-logo {
        width: 240px;
        height: 48px;
        background: url('../images/logo-bcom-60dpi.png') no-repeat;
    }
    
    .bcom-logo #section-nav {
        top: 46px;
    }
}

@media (max-width: 820px) {
    .bcom-logo #header-logo {
        margin: 10px auto 0 auto;
    }
}

@media (max-width: 406px) {
    .bcom-logo #header-logo {
        margin: 10px 0 0 0;
    }
}

/* Retina image support */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-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) {
    .bcom-logo #header-logo {
        background: url('../images/logo-bcom-180dpi.png') no-repeat;
        background-size: 360px 72px;
    }
}

@media only screen and (max-width: 950px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 950px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 950px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 950px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 950px) and (min-resolution: 192dpi),
only screen and (max-width: 950px) and (min-resolution: 2dppx) {
    .bcom-logo #header-logo {
        background: url('../images/logo-bcom-120dpi.png') no-repeat;
        background-size: 240px 48px;
    }
}



/* The Bakersfield Californian Logo */

.bcali-logo #header-logo {
    width: 512px;
    height: 48px;
    background: url('../images/logo-tbc-120dpi.png') no-repeat;
    margin: 34px 10px 0 0;
}
    
.bcali-logo #section-nav {
    top: 40px;
}

/* Responsive design media queries */
@media (max-width: 1160px) {
    .bcali-logo #header-logo {
        width: 384px;
        height: 36px;
        background: url('../images/logo-tbc-90dpi.png') no-repeat;
        margin: 46px 10px 0 0;
    }
    .bcali-logo #section-nav {
        top: 30px;
    }
}

@media (max-width: 950px) {
    .bcali-logo #header-logo {
        width: 256px;
        height: 24px;
        background: url('../images/logo-tbc-60dpi.png') no-repeat;
    }
    
    .bcali-logo #section-nav {
        top: 20px;
    }
}

@media (max-width: 820px) {
    .bcali-logo #header-logo {
        margin: 22px auto 0 auto;
    }
}

@media (max-width: 406px) {
    .bcali-logo #header-logo {
        margin: 22px 0 0 0;
    }
}


/* Retina image support */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-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) {
    .bcali-logo #header-logo {
        background: url('../images/logo-tbc-240dpi.png') no-repeat;
        background-size: 512px 48px;
    }
}

@media only screen and (max-width: 1160px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1160px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 1160px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1160px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1160px) and (min-resolution: 192dpi),
only screen and (max-width: 1160px) and (min-resolution: 2dppx) {
    .bcali-logo #header-logo {
        background: url('../images/logo-tbc-180dpi.png') no-repeat;
        background-size: 384px 36px;
    }
}

@media only screen and (max-width: 950px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 950px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 950px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 950px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 950px) and (min-resolution: 192dpi),
only screen and (max-width: 950px) and (min-resolution: 2dppx) {
    .bcali-logo #header-logo {
        background: url('../images/logo-tbc-120dpi.png') no-repeat;
        background-size: 256px 24px;
    }
}