#cap {
  background: #fff;
}
.slider {
}
#caption2 {
  position: relative;
  overflow: hidden;
  max-height: 800px;
  margin-top:100px;
}

@media (max-width: 800px) {
  #caption2 {
    margin: 0;
  }
}


#caption2 div.next,
#caption2 div.back {
  position: absolute;
  z-index: 20;
  top: 0;
  height: 100%;
  font-size: 400%;
  width: 50px;
}

#caption2 div.next i,
#caption2 div.back i {
  line-height: 120%;
  position: absolute;
  top: 44%;
  cursor: pointer;
  padding: 2px 20px;
  display: block;
}

@media (max-width: 800px) {
  #caption2 div.next i,
  #caption2 div.back i {
    top: 34%;
  }
}

#caption2 div.next i:active,
#caption2 div.back i:active {
  color: #fff;
}


#caption2 div.next {
  right:  20px;
}

#caption2 div.back {
  left: 20px;
}

.slider img {
    width: 100%;
}