/* Hide the images by default */
.mySlides {
  display: none;
  color: white;
}

.mySlides img	{ 	object-fit: cover;
width: 100vw;
height: 70vh;
}


.dot	{	color: white;	}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: -20vh;
  padding: 0;
  color: white;
  font-weight: thin;
  font-size: 7vmin;
  transition: 0.6s ease;
  user-select: none;
  opacity: 0.5
}

.prev	{	left: 0;
			}

/* Position the "next button" to the right */
.next {
  
  right: 0;
}

/* On hover, add a white background color with a little bit see-through */
.prev:hover, .next:hover {
  opacity: 1;
 
 }
 
 

/* Caption text */
.text {
  color: white;
  font-size: 3vmin;
  /*padding: 8px 12px;*/
  background-color:rgba(88, 67, 29, 0.3);
  position: absolute;
  font-family: 'times new roman';
  font-style: italic;
  font-weight: 500;
  top: 0;
  width: 100%;
  height: 25vh;
  padding-top: 45vh;
  margin: 0;
  
  text-align: center;
  
}

.text:first-line {	
 font-family: 'open sans';
font-size: 8vmin;
font-weight: 800;
line-height: 150%;	}

		
					

				

/* Fading animation */
.fade {
	
	transition-timing-function: cubic-bezier(0.7, 0.3, 0.7, 2);
 animation-duration: 2s;
  animation-name: fade;
  animation-iteration-count: 1;

}

@keyframes fade {
 
  from {opacity: .2}
  to {opacity: 1}
    }
	
	
@media all and (max-width: 1000px) and (min-width: 120px){ /* Caption text */

.mySlides img	{ 	object-fit: cover;
width: 100vw;
height: 60vh;
}



.text {
  font-size: 5vmin;
  width: 95vw;
  padding: 5vh 2.5vw 35vh 2.5vw;
  padding-top: 5vh;
  margin: 0; 
  height: 20vh;
  font-family: 'open sans';
  font-weight: 800;
  line-height: 120%;
}

.text:first-line {	font-size: 7vmin;
font-weight: 800;
 } 

.prev, .next {
	
	top: -13vh;
	font-size: 8vmin;
  
}



}