@media screen and (max-device-width: 899px) {

body {
	font-size: 21px;
	line-height: 35px;
}

h2 {
	font-size: 26px;
	line-height: 42px;
}

nav h2 {
	padding: 0px 1%;
}

main h1, main h2, main p, main ul, main ol, footer p {
	width: 93%;
	margin: 0px 3% 25px 3%;
}

a.lightbox img {
	margin: 0px 2% 30px 2%;
}

.lightbox span {
	display: none;
}

.lightbox-target p {
	font-size: 14px;
	line-height: 24px;
}

.lightbox-target p img {
	padding: 0px 0px 5px 0px;
	max-height: 70%;
}

aside {
	padding: 32px 3%;
}

form {
	padding: 32px 3%;
	margin-bottom: 20px;
}

input, textarea, button {
	width: 94%;
}

textarea {
	height: 80px;
}

input.button, button {
	width: 20%;
}

section, section.right {
	padding: 20px 3%;
	width: 27%;
}

footer, footer p.small {
	font-size: 16px;
	line-height: 28px;
}

footer img {
	width: 100px;
	padding: 5px 0px 15px 30px;
}

}