@import url('https://fonts.googleapis.com/css2?family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
	--gcd-dark: #001502;
	--gcd-font-colour: #e7f2db;
	--gcd-padding: 20px
}
html, body {
	margin: 0;
	background-color: var(--gcd-dark);
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	color: var(--gcd-dark)
}
* {
	box-sizing: border-box;
}
.base {
	position: fixed;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 100%;
	background: linear-gradient(to bottom,  #001502 0%,#003806 100%);
}
.wrapper {
	position: relative;
	z-index: 2;
	width: 80%;
	margin: auto;
}
h1,h2,h3 { font-size: 175%; font-weight: 400; color: var(--gcd-dark) }
h1 { font-family: "Neuton", serif; text-transform: uppercase }
h2 { font-weight: 300; font-size: 130% }
h3 { font-weight: 300; font-size: 115% }
.header {
	padding: var(--gcd-padding);
	background-color: #003806;
	font-family: "Neuton", serif;
	text-align: center;
	font-size: 300%;
	color: goldenrod;
	font-weight: 500;
	margin-bottom: var(--gcd-padding);
	border-radius: 0 0 var(--gcd-padding) var(--gcd-padding);
}
.header a, header a:visited { text-decoration: none; color: inherit }
.header p { margin: 0 }
.header p:nth-child(2) { font-size: 50%; font-weight: 200 }
.header p:nth-child(3) { font-size: 35%; font-weight: 200 }
.content_block {
	background: linear-gradient(to bottom,  #abb2a2 0%,#e7f2db 99%);
	border-radius: var(--gcd-padding);
	padding: var(--gcd-padding);
	margin-bottom: var(--gcd-padding)
}
.banner_block {
	background-size: cover;
	background-position: top;
	position: relative;
	padding-bottom: 40%;
	border-radius: var(--gcd-padding);
	margin-bottom: var(--gcd-padding)
}
.image_block {
	background-size: cover;
	background-position: top;
	position: relative;
	padding-bottom: 40%;
	border-radius: var(--gcd-padding);
	margin-bottom: var(--gcd-padding)
}
.facebook_gallery_link {
	width: 200px;
	height: auto
}
.image_left {
	float: left;
	width: 300px;
	height: auto;
	margin-right: var(--gcd-padding);
	margin-bottom: var(--gcd-padding);
	border-radius: var(--gcd-padding)
}
.clear_safe {
	clear: both
}
.reviews span {
	color: goldenrod
}
.content_footer {
	background: none;
	color: goldenrod;
	text-align: center;
}
.content_footer p {
	margin: 0
}
.content_footer a, .content_footer a:visited {
	text-decoration: none;
	color: inherit
}
@media only screen and (max-width: 1024px) {
	html, body {
		font-size: 18px;
		font-weight: 400
	}
	.wrapper {
		width: 100%;
	}
	h1,h2,h3 { font-size: 150%; }
	h2, h3 { font-size: 130% }
	h3 { font-size: 120% }
	.header {
		font-size: 250%;
	}
	.image_left {
		width: 100%;
		margin-right: 0
	}
}