#slider {
  position: relative;
  overflow: hidden;
  margin: -70px auto 0 auto;
  border-radius: 4px;
  width: 100vw !important;
  max-width: 500px !important;
  border: 1px #e7a126 solid;
  z-index: 0;
}

#slider:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px #3a3030 solid;
    z-index: 9;
    margin-top: 0;
}

.slide_border {
  margin-top: 82px;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0 !important;
  width: 100%;
  left: 0 !important;
  padding: 6px 0 0 0 !important;
}

.carousel-caption h3 {
  margin-top: 0 !important;
}

.carousel-control {
  z-index: 10;
  line-height: 120px;
}

.carousel-inner > .item {
    width: 100%
}

@media screen and (max-width: 980px) {
	#slider ul {
	  height: 100px;
	}
}