/* Slideshow container */
#slide-container {
	position: relative;
	margin: auto;
	max-width: 1200px; /* responsiveness */
}

/* First element to be in block mode for responsiveness */
#slide-first-element {
	display: block; /* to get the dimensions set */
	width: 100%;
	height: auto;
}
/* Other element to be in absolute position */
#slide-element-2,
#slide-element-3,
#slide-element-4,
#slide-element-5{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/* Animation settings for individual elements */
#slide-first-element {
animation: fade-1 14s infinite;
-webkit-animation: fade-1 14s infinite;
}
#slide-element-2 {
animation: fade-2 14s infinite;
-webkit-animation: fade-2 14s infinite;
}
#slide-element-3 {
animation: fade-3 14s infinite;
-webkit-animation: fade-3 14s infinite;
}
#slide-element-4 {
animation: fade-4 14s infinite;
-webkit-animation: fade-4 14s infinite;
}
#slide-element-5 {
animation: fade-5 14s infinite;
-webkit-animation: fade-5 14s infinite;
}

@keyframes fade-1 {
0% {opacity:1;}
20% {opacity:0;}
40% {opacity:0;}
60% {opacity:0;}
80% {opacity:0;}
100% {opacity:1;}
}

@keyframes fade-2 {
0% {opacity:0;}
20% {opacity:1;}
40% {opacity:0;}
60% {opacity:0;}
80% {opacity:0;}
100% {opacity:0;}
}

@keyframes fade-3 {
0% {opacity:0;}
20% {opacity:0;}
40% {opacity:1;}
60% {opacity:0;}
80% {opacity:0;}
100% {opacity:0;}
}

@keyframes fade-4 {
0% {opacity:0;}
20% {opacity:0;}
40% {opacity:0;}
60% {opacity:1;}
80% {opacity:0;}
100% {opacity:0;}
}

@keyframes fade-5 {
0% {opacity:0;}
20% {opacity:0;}
40% {opacity:0;}
60% {opacity:0;}
80% {opacity:1;}
100% {opacity:0;}
}