a.lighterbox {
	color: #ffffff;
	text-decoration: none;
}
a.lighterbox:hover img {
	opacity:0.7;
}
a.lighterbox h2, a.lighterbox span {
	/* hide the title and caption until lighterbox shows it */
	display: none;
}
@media (max-width: 500px) {
	h1 {
		font-size: 1.5em;
	}
	section {
		max-width: 100%;
		float: none;
	}
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.clearfix {
    *zoom: 1;
}