.quote-rotate {
  position: absolute;
  opacity: 0;
  overflow: visible;
  visibility: hidden;

  transition: opacity;
  transition-timing-function: ease;
  transition-duration: 3s;

  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.quotes p {
    margin-top: 6px;
    padding: 0;
}
.quotes {
  position: relative;
  color: #fff;
  margin-left: 10px;
  /* margin: 50px auto 0px; */
  ;
  max-width: 250px;
  position: relative;
}

.show {
  opacity: 1;
  visibility: visible;
}

.hide {
  visibility: visible;
  opacity: 0;
}


.dot-fill { background-color: grey; }

.nav-dot:last-of-type { margin: 0; }