/******************* Begin of Generated Text ******************/
@-webkit-keyframes transition {
 0% {opacity:1;}
 20% {opacity:1;}
 30% {opacity:0;}
 95% {opacity:0;}
}
@-moz-keyframes transition {
 0% {opacity:1;}
 20% {opacity:1;}
 30% {opacity:0;}
 95% {opacity:0;}
}
@-o-keyframes transition {
 0% {opacity:1;}
 20% {opacity:1;}
 30% {opacity:0;}
 95% {opacity:0;}
}
@keyframes transition {
 0% {opacity:1;}
 20% {opacity:1;}
 30% {opacity:0;}
 95% {opacity:0;}
}
#transition figure {
	position: absolute;
	margin: 0;
}
#transition figure img {
	position: absolute;
}
#transition img {
	-webkit-animation: 16s transition infinite ease-in-out;
	-moz-animation: 16s transition infinite ease-in-out;
	-o-animation: 16s transition infinite ease-in-out;
	animation: 16s transition infinite ease-in-out;
}
#transition img:nth-of-type(1) {
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	animation-delay: 12s;
}
#transition img:nth-of-type(2) {
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-o-animation-delay: 8s;
	animation-delay: 8s;
}
#transition img:nth-of-type(3) {
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-o-animation-delay: 4s;
	animation-delay: 4s;
}
#transition img:nth-of-type(4) {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
/* For small screens and phones*/
@media only screen and (max-width: 1024px), @media (pointer: coarse) {
#transition figure img{
	width: 300px;
}
}