:root {
  --slideshow-img-height: 600px;
  --slideshow-phony-height: 650px;
  --slideshow-max-width: 100%;
}
#slideshow {
  position:relative;
  height: var(--slideshow-phony-height);
}
#slideshow img {
  max-height: var(--slideshow-img-height);
  max-width: var(--slideshow-max-width);
}
#slideshow div {
  /*position:absolute;*/
  width: 100%;
  height: auto; /*var(--slideshow-img-height);*/
  top:0;
  left:0;
  z-index:8;
}
#slideshow div img {
  display: block;
  border: 0;
  margin: 0 auto;
}
#slideshow div.slideshow-active {
  z-index:10;
  opacity:1.0;
}
#slideshow div.slideshow-last-active {
  z-index:9;
}

#slideshow-nav p {
  text-align: center;
  margin: 0;
  padding: 0;
  z-index: 0;
}