#promo {
    background-color: #000000;
    background-image: url("../../img/band/header.jpg");	
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { 
    @media all and (min-width: 1100px) {
        #promo {
            background-image: url("../../img/band/header@2x.jpg");
        }
    }
}

#band-logo img {
    display: inline-block;
    width: 90%;
    max-width: 335px;
    height: auto;
}

    
/* -------------------- */
/* -------------------- */

@media all and (max-width: 1365px) {

    /* ipad horizontal layout */

}


/* -------------------- */
/* -------------------- */

@media all and (max-width: 1023px) {
	
	/* ipad vertical layout */

}


/* -------------------- */
/* -------------------- */

@media all and (max-width: 767px) {
	
	/* mobile layout */

}


/* -------------------- */
/* -------------------- */

@media all and (max-width: 479px) {
	
	/* mobile vertical layout */
    
}