* {
	margin: 0;
	padding: 0;
}

html,
body {
	background-image: url(/img/timberwood-header.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	font-family: Verdana, sans-serif;
	margin: 0;
}

.main-content {
	padding: 40px 0 40px 0;
}

.content {
	background-color: rgba(255, 255, 255, 0.7);
	/*margin-top: 20px;*/
	margin-right: auto;
	/*margin-bottom: 20px;*/
	margin-left: auto;
	border-radius: 12px;
	padding: 10px 0 20px 0;
}

ul {
	list-style-type: none;
	padding-top: 10px;
}

.gallery {
	text-align: center;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.img-thumb {
	padding: 2px 4px 2px 4px;
}

@media (min-width: 320px) {
	/* smartphones, iPhone, portrait 480x320 phones */
	.content {
		width: 90%;
	}

	.logo {
		width: 240px;
	}
}

@media (min-width: 481px) {
	/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
	.content {
		width: 90%;
	}

	.logo {
		width: 240px;
	}
}

@media (min-width: 641px) {
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
	.content {
		width: 80%;
	}

	.logo {
		width: 240px;
	}
}

@media (min-width: 961px) {
	/* tablet, landscape iPad, lo-res laptops ands desktops */
	.content {
		width: 70%;
	}

	.logo {
		width: 320px;
	}
}

@media (min-width: 1025px) {
	/* big landscape tablets, laptops, and desktops */
	.content {
		width: 60%;
	}

	.logo {
		width: 400px;
	}
}

@media (min-width: 1281px) {
	/* hi-res laptops and desktops */
	.content {
		width: 60%;
	}

	.logo {
		width: 400px;
	}
}