.mySlides .fade img {
  vertical-align: middle;
}
.mySlides {
  display: none;
  width: 98% !important;
  left: 0px;
}
.mySlides p {
  text-align: center;
  font-style: oblique;
}
.box-slides-container {
  width: auto;
  max-width: 600px;
  text-align: center;
  position: relative;
}

.mySlides p {
  margin: 0 auto;
}
.active {
  background-color: #717171;
}
img#slider {
  width: 100%;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3s;
  animation-name: fade;
  animation-duration: 3s;
  box-shadow: 5px 2px 1px rgba(105, 42, 42, 0.3);
}
@-webkit-keyframes fade {
  from {
    opacity: 0
  }
  to {
    opacity: 01
  }
}
@keyframes fade {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}