@charset "utf-8";
/* CSS Document */
.slide {
  position: relative;
top: 3.8em;
  width: 100%;
  padding-top: 62.5%;
  overflow: hidden;
  background-color: #c6c6c6;
}
 @media (max-width : 900px ){
	 
	
	 }
 @media (min-width : 900px ){
	 .slide {width: 100%;
		 margin-left: auto;
		 margin-right: auto;
		 padding-top: 40%;
	 
}
	 
}
@keyframes slideshow {
  0% {
    opacity: 0;
  }
 
  10% {
    opacity: 1;
  }
 
  28% {
    opacity: 1
  }
 
  38% {
    opacity: 0;
  }
 
  100% {
    opacity: 0;
  }
}
 
.slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation: slideshow 24s linear infinite;
}
 
.slide img:nth-child(2) {
  animation-delay: 8s;
}
 
.slide img:last-child {
  animation-delay: 16s;
}