@media (max-width:800px) {
#slideshow {
width:90% !important; display: block; position: relative; left: 50%; margin-left: -45%;
  height:200px;
}
  }


@media (min-width:801px) and (max-width:1099px) {
#slideshow {
width:90% !important; display: block; position: relative; left: 50%; margin-left: -45%;
  height: 400px;
}
  }


@media (min-width:1100px) {
#slideshow {
width:1100px !important; display: block;  position: relative; left: 50%; margin-left: -550px;
  height: 500px;
}
  }
  


#slideshow {
  margin-top: 50px;
  position: relative;

  overflow: hidden;
}

#slideshow div {
  position: absolute;
  width: 100%;
}


#slideshow div.immagine {
width: 100%;
height: 100%;
  background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#slideshow img {width: 100%; height: auto; object-fit:contain;}