body > section#slides {
	width: 100%;
	max-width: 100%;
	height: 750px;
	background: #000;
	overflow: hidden;
}

body > section#slides ul {
	margin: 0;
	padding: 0;
	width: 300%;
	height: 100%;
}

body > section#slides ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 33.3333%;
	height: 100%;
	float: left;
}

body > section#slides ul {
	animation-name: slide;
	animation-duration: 20s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}

@keyframes slide {
	from, 28% {
		transform: translateX(0%);
	}
	33%, 61% {
		transform: translateX(-33.3333%);
	}
	66%, 94% {
		transform: translateX(-66.6666%);
	}
	to {
		transform: translateX(0%);
	}
}

body > section#slides ul li section#slide {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

body > section#slides ul li section#content {
	position: relative;
	color: #fff;
	top: -540px;
	font: 700 64pt "Open Sans", sans-serif;
	margin: 0 auto;
	max-width: 1200px;
	width: auto;
	height: 350px;
}

body > section#slides ul li section#content p {
	text-shadow: 0 0 5px #aaa;
}

body > section#slides ul li section#content a {
	padding: 20px 45px;
	background: #fed410;
	color: #000;
	text-decoration: none;
	font-size: 16pt;
}