:root {
	--text-main: #000;
	--text-light: #fff;
	--bg-body: #1A2B1C;
	--bg-wrap: #fff;
	--bg-head: #153902;
	--footer-txt: #8E8E8E;
}

html, body, h1, h2, h3, h4, p, blockquote, img, main, section, header, footer {
	margin: 0;
	padding: 0;
	font: inherit;
}

body {
	background: var(--bg-body);
	font-size: 100%;
}

.wrapper {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	background: var(--bg-wrap);
	color: var(--text-main);
	min-width: 320px;
	font-family: Gill Sans, Helvetica, Arial, sans-serif;
	line-height: 1.25em;
}

h1 {
	padding: 1em 8px;
	font-size: 2em;
}

h2 {
	padding: 5px;
	font-size: 1.625em;
}

h3 {
	padding: 5px;
	font-size: 1.375em;
}

h4 {
	padding: 5px;
	font-size: 1.125em;
}

p {
	padding: 5px;
}

ul {
	margin-left: .75em;
}

blockquote {
	font-family: Baskerville, Palatino, "Times New Roman", serif;
	font-size: 1.25em;
	font-style: italic;
	margin: 5px 20px;
}

.responsive-nav {
	background: var(--bg-head);
	text-align: right;
	position: sticky;
	top: 0;
}

.hamburger {
	background: none;
	border: 0;
	font-size: 1.5em;
	color: var(--text-light);
	cursor: pointer;
}

.nav-items {
	list-style: none;
	display: none;
}

.responsive-nav li {
	padding: .5em;
}

.responsive-nav a {
	color: var(--text-light);
	text-decoration: none;
}

header {
	color: var(--text-light);
	background: var(--bg-head);
	background-image: url("../images/background-dew-on-grass.jpg");
	background-size: cover;
	background-position: center;
}

.info-sections {
	padding: 10px;
}

.gallery {
	text-align: center;
}

.gallery h2 {
	text-align: left;
}

.gallery img {
	width: 88%;
	display: block;
	margin: .5em auto;
}

footer {
	text-align: center;
	font-size: .75em;
	color: var(--footer-txt);
	padding: 5px;
}

@media(min-width:601px) {
	.hamburger {
		display: none;
	}

	.nav-items {
		display: flex !important;
		justify-content: flex-end;
	}

	.nav-items li {
		padding: .5em 1em;
	}
}

@media(min-width:900px) {

	.info-sections {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.gallery .images {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1em;
	}

	.testimonials .quotes {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1em;
	}
}