#slidy-container { 
	width: 100%; 
	margin: 0 auto;
	box-shadow: 0 0 12px rgba(0,0,0,0.4); 
}

#cssslidy { 
	text-align: center; 
	background-color: #200; 
	font-family: "museo-sans",sans-serif; 
	color: #fff; 
	margin-left: 0;
	width: 460px;
}

#cssslidy h1 { 
	font-size: 4rem;  
	line-height: 1; 
	margin: 1rem auto;
}
#cssslidy h2 { 
	font-weight: 300; 
}
#cssslidy h3 a { 
	color: hsl(0,0%,33%); 
}

#cssslidy ol { 
	list-style-type: none; 
	counter-reset: section; 
}

#cssslidy li { 
	counter-increment: section; 
	margin-top: 2rem; 
}

#cssslidy li:before { 
	content: counters(section, ".")" "; ; 
	border: 1px solid #fff; 
	border-radius: 50%; 
	display: inline-block; 
	width: 3.5rem; 
	height: 2.5rem;
	text-align: center; 
	padding-top: .75rem;
	margin-top: -1rem; 
	font-weight: 700;
	margin-left: -5rem; 
	margin-right: 3rem;
	background: rgba(0,0,0,0.5); 
}

#cssslidy #instructions { 
	width: 66%; 
	margin: 0 auto; 
	text-align: left; 
	font-size: 1.5rem; 
}

#cssslidy a { text-decoration: none; }

#cssslidy p.credit { 
	margin-top: 2rem; 
	background: rgba(0,0,0,0.4); 
	padding: 1rem; 
}

#cssslidy p.credit a { 
	color: #fff; 
	text-decoration: none; 
}

#cssslidy img {
	height: 345px;
	width: 460px;
}

#slidy-container figcaption { 
	font-size: 1rem !important; 
	text-align: center !important;
	margin-right: 2em !important;
}