.slideshow {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 25px;
	left: 0px;
	z-index: 0;
}
.slideshow li{
	list-style: none;
}
.slideshow li span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	animation: imageAnimation 50s linear infinite 0s;
}
.slideshow li div {
	/*z-index: 1000;*/
	z-index: 0;
	position: absolute;
	bottom: 120px;
	padding-right: 120px; /* Overflow fix */
	box-sizing: border-box;
	width: 100%;
	text-align: right;
	opacity: 0;
	color: #000;
	animation: titleAnimation 50s linear infinite 0s;
}
.slideshow a {
	text-decoration: none;
	color: inherit;
}
.slideshow li div h3 {
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 3em;
	text-shadow: 1px 1px 5px #B2B2B2;
	padding: 0;
}
#seers h3 {
	color: white;
}
#seers span {
	background-image: url(../images/main/mind_things_9.jpg);
}
#gas_mask span {
	background-image: url(../images/main/gas_mask.jpg)
}
#black_figures span {
	background-image: url(../images/main/black_figures_6.jpg);
}
#work_on_paper span {
	background-image: url(../images/main/d_0013.jpg);
}
#upright_objects span {
	background-image: url(../images/main/upright_objects_1.jpg);
}
#warrior span {
	background-image: url(../images/main/warrior_1.jpg);
}
#found_objects span {
	background-image: url(../images/main/found_1.jpg);
}

.slideshow li:nth-child(2) div, .slideshow li:nth-child(2) span {
	animation-delay: 8.3s;
}
.slideshow li:nth-child(3) div, .slideshow li:nth-child(3) span {
	animation-delay: 16.6s;
}
.slideshow li:nth-child(4) div, .slideshow li:nth-child(4) span {
	animation-delay: 24.9s;
}
.slideshow li:nth-child(5) div, .slideshow li:nth-child(5) span {
	animation-delay: 33.2s;
}
.slideshow li:nth-child(6) div, .slideshow li:nth-child(6) span {
	animation-delay: 41.5s;
}
/* Animation for the slideshow images */
@keyframes imageAnimation {
	0% { opacity: 0; animation-timing-function: ease-in; }
	5% { opacity: 1; animation-timing-function: ease-out; }
	16% { opacity: 1 }
	21% { opacity: 0 }
	100% { opacity: 0 }
	/*0, 8, 17, 19, 100*/
}
/* Animation for the title */
@keyframes titleAnimation {
	0% { opacity: 0;}
	5% { opacity: 1; z-index: 10}
	16% { opacity: 1 }
	21% { opacity: 0 }
	100% { opacity: 0; z-index: -10 }
}

/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) {
	.slideshow li div h3 {
		font-size: 2.5em;
	}
}
@media screen and (max-width: 600px) {
	.slideshow li div h3 {
		 font-size: 2em;
		 line-height: initial;
	}
}
@media screen and (max-height: 600px) {
	/*.slideshow li div {
		bottom: 0;
	}*/
}