@media only screen and (min-width:769px) { 

#contentContainer, #extraContainer1box, #extraContainer2box, #extraContainer3box{background: url(../images/editable_images/image_5b.jpg) center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed; }

#contentBand{background: url(../images/editable_images/image_5.jpg) center center ; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;}

}

/* ------ */

@media only screen and (max-width:769px) { 

#contentContainer, #extraContainer1box, #extraContainer2box, #extraContainer3box{ 
background-image: none  !important;	
}
#extra_both {background: url(../images/editable_images/image_5b.jpg) center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}

}
/* --- the rest --- */
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation: landscape){ 

#contentContainer, #extraContainer1box, #extraContainer2box, #extraContainer3box{ 
background-image: none;	
}
#extra_both {background: url(../images/editable_images/image_5b.jpg) center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
}


@media only screen and (min-device-width:769px) and (max-device-width:1280px) and (orientation: landscape){ 

#contentContainer, #extraContainer1box, #extraContainer2box, #extraContainer3box{ 
background-image: none;	
}
#extra_both {background: url(../images/editable_images/image_5b.jpg) center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
}

@media only screen and (max-device-width: 1024px) and (orientation: portrait) and(max-device-height: 768px) and (orientation: landscape) and (-webkit-max-device-pixel-ratio: 2) { 

#contentContainer, #extraContainer1box, #extraContainer2box, #extraContainer3box{background: url(../images/editable_images/image_5b.jpg) center center !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat !important;
background-attachment: fixed !important;}

#contentBand{background: url(../images/editable_images/image_5.jpg) center center!important; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat !important;
background-attachment: fixed !important;}

#extra_both {background: none  !important; }

}

/* ipad */

@media only screen and (max-device-width: 1024px) and (orientation: portrait) and(max-device-height: 768px) and (orientation: landscape) and (-webkit-max-device-pixel-ratio: 1) { 

#contentContainer, #extraContainer1box, #extraContainer2box, #extraContainer3box{background: url(../images/editable_images/image_5b.jpg) center center !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat !important;
background-attachment: fixed !important;}

#contentBand{background: url(../images/editable_images/image_5.jpg) center center!important; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat !important;
background-attachment: fixed !important;}

#extra_both {background: none  !important; }

}