.slide {
	position: relative;
	margin: 0 0 40px;
	width: 100%;
	overflow: hidden;
}
.slide:after {
	display: block;
	content: '';
	padding-top: 30%;
}
.slide ul {
	position: absolute;
	top: 0;
	bottom: 0;
	list-style: none;
	width: calc(100% / 2);
}
.slide ul:first-child {
	right: calc(100% / 2);
	left: 0;
}
.slide ul:last-child {
	right: 0;
	left: calc(100% / 2);
}
.slide ul li {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: 100%;
}
.slide ul li.fadeIn {
	display: block;
	animation-name: fadein;
	animation-delay: 0s;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.slide ul li.fadeOut {
	display: block;
	animation-name: fadeout;
	animation-delay: 0s;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeout {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

.summary {
	margin: 0 0 60px;
}