/*** set the width and height to match your images **/

#slideshow {
    position:relative;
	width:672px;
    height:672px;
	margin:0 auto;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 672px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    
    display: block;
    border: 0;
    margin:0;
}

@media all and (max-width: 480px) and (min-width: 150px) {
	
#slideshow{background:url(../images/headBg.jpg) no-repeat center top; background-size:100% 100%; height:275px; width:100%;}
#slideshow div{display:none;}
}
@media all and (max-width: 800px) and (min-width: 481px) {
	
#slideshow{background:url(../images/headBg.jpg) no-repeat center top; background-size:100% 100%; height:315px; width:100%;}
#slideshow div{display:none;}
}