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

#slideshow {
	position:relative;
	height:474px;
}
#slideshow div{margin:0 auto; width:1500px; text-align:center; position:relative;}
#slideshow div div{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 518px;
}

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

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

#slideshow div div img {
    
    display: block;
    border: 0;
    margin:0;
}

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