#slider-facts-container {
 /* max-width: 60vw; */
  height: 20vh;
  /* border: 0.75em solid rgb(136, 133, 133); */
  /* border-radius: 7px; */
  overflow: hidden;
  position: relative;
  /*this if container is more than 100px*/
  /* width: 70%; */ 
  margin: auto;
 text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

#slider-facts-container div {
  position: absolute;
  text-align: center;
  font-size: 1.1em;
}
.slider-single{
	color: #fff;
	margin:auto;
/* 	background-color: #7e2e82; */
	background-color: #622066;
	width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
}

/* #slider-container a img {
  padding: 5px;
	margin: auto;
  border: 1px solid #ccc;
  background: #fff;
	overflow: hidden;
} */

#slider-facts-container div:nth-of-type(1) {
  	animation-name: fader; 
	animation-name: slide-to-right;
    animation-delay: 6s; 
 	animation-duration: 2s; 
  z-index: 20;
}
#slider-facts-container div:nth-of-type(2) {
  z-index: 15;
}
#slider-facts-container div:nth-of-type(n+3) {
  display: none;
}



/* .slide-link,
.slide-container {
  height: 100%;
  width: 100%;
  margin: auto;
  padding: 1rem;
} */



@keyframes fader {
  from { opacity: 1.0; }
  to   { opacity: 0.0; }
}

@keyframes slide-to-right {
 from {
            transform: translateX(0px);
    opacity: 0;
  }
  to {
            transform: translateX(1000px);
    opacity: 1;
  }
	  from { opacity: 1.0; }
  to   { opacity: 0.0; }
}



  /* For tablets & smart phones -- REVISAR */
  @media (max-width: 767px) {
   
    #slider-facts-container {
      width: auto;
/*       height: 45vh; */
    }
	  .fact-description {
		  font-size: 12px !important;
		  margin-bottom: 0px !important;
	  }
    

  /* For smartphones */
  @media (max-width: 480px) {
    #slider-facts-container {
      width: auto;
    }
  }

  /* For smaller displays like laptops */
  @media (min-width: 768px) and (max-width: 979px) {
    #slider-facts-container {
      width: 724px;
    }
  }

  /* For larger displays */
  @media (min-width: 1200px) {
    .container {
      width: 1170px
    }
  }