@import url(https://fonts.googleapis.com/css?family=Lato);

body { background: #FFFFFF }

h1 {
  font-style:italic;
  font-family:times,serif;
  text-align: center;
  color: grey;
  padding-top: 30px;
  padding-bottom: 30px;
} 

.accordion {
	width: 895px; height: 320px;
	overflow: hidden;
  box-shadow: 0 10px 6px -6px #111;
  margin: 20px auto
}
.accordion ul { width: 200% }

.accordion li {
	position: relative;
	display: block;
	width: 160px;
	float: left;
  box-shadow: 0 0 30px 8px #222;
	transition: all 0.4s ease .300ms;
}

.accordion ul:hover li {width: 40px }
.accordion ul li:hover {width: 640px }

.caption {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
  bottom: 0;	
	width: 640px
}

.caption a {
	display: block;
	color: #fff;
	text-decoration: none;
  font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
	padding: 25px;
}