#crossfade-container img {
	width: 100%;
}

.slides {position: relative; }
.slides .slide-container { position: absolute; opacity: 0; transition: opacity 2s; display: inline-block; width: 100%;min-height: 100%;}
.slides .slide-container.active { opacity: 1;}

.slides .slide-text {
	position: absolute;
	top: 50px;
	left: 50px;
	font-size: 2em;
	color: #f00;
	display: none;
}

.cf-bg {
	height: 100%;
	/*! background: #f00; */
}


.globalTextOverSlides {
  background: #0003;
  position: absolute;
  bottom: 0;
  z-index: 1;
  padding: 1em 1em;
  text-align: center;

  line-height: 1.4em;
  width: 80%;
  margin: 8% 10% 0;
  color: #fff;
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0.25) 85%, rgba(0,0,0,0) 100%);
  font-size: 100%;
  
  background: #0000;
}



@media only screen and ( min-width: 440px ) {
  .globalTextOverSlides {
      font-size: 120%;
  }

}


@media only screen and ( min-width: 750px ) {
  .globalTextOverSlides {
      font-size: 1.6em;
  }

}


@media only screen and ( min-width: 1050px ) {
  .globalTextOverSlides {
      font-size: 1.7em;
      width: 60%;
      margin: 8% 20% 0;
  }

}

@media only screen and ( min-width: 1250px ) {
  .globalTextOverSlides {
      font-size: 2em;
  }


}