/* slide */
#slides{
 position: relative;
margin: 0;
padding: 0;
height: 350px;

}
/* slides */
.slid{
    position: absolute;
    left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	opacity: 0;
	z-index: 1;

	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}
.showing{
    opacity:1; 
    z-index: 2;
}
/* responsive */
@media screen and (max-width: 768px){
	#slides{
		height:650px
	}
}