html { font-size: 1em; }

body {
	background-color: #20222A;
	color: #cccccc;
	line-height: 1.45;

	background-image: url('../images/page-bg.jpg');
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}

a { color:#29acb4; }
p { margin-bottom: 1.3em; }

h1,h2,h3,h4 {
	font-family: 'Arvo',serif;
	margin: 1.414em 0 0.5em;
	font-weight: inherit;
	line-height: 1.2;
}

h1 {
	margin-top: 0;
	font-size: 3.998em;
}

h2 {
	font-size: 1.9em;
	color: #fec000;
}

h3 { font-size: 1.999em; }
h4 { font-size: 1.414em; }

img {
	max-width: 100%;
	height: auto;
}

nav,footer {
	width: 100%;
	background-image: url('../images/stone-bottom.png');
	background-position: center top;
	background-size: cover;
}

nav * { padding: 0.5rem; }

header {
	max-width: 80%;
	margin: 0 auto;
	flex-flow: row nowrap;
}

section {
	max-width: 100%;
	margin: 0 auto;
}

section div { padding: 1rem; }

footer {
	min-height: 4rem;
	align-items: center;
	justify-content: center;
}

.sidebar { text-align: left; }
.scroll { margin: 10px; }
			
.faq-q {
	margin-bottom: 0.4em;
	font-weight: bold;
}
.faq-a { }

.content-hider {
	/* DO NOT SEND TO CSS FILE */
	display: none; 		
}

/*	Flex classes  */
.flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.flex-center {
	justify-content: center;
	text-align: center;
}

.flex-first, .flex-last { max-width: 15%; }
.flex-first { order: -1 }
.flex-last { order: 99 }

.flex-1-3 { width: 35%; }
.flex-2-3 { width: 65%; }
.flex-1-2 { width: 50%; }

.flex-split {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

/*	Removing the side banners at lower resolutions */
@media screen and (max-width: 1000px) {
	.flex-1-3, .flex-2-3, .flex-1-2 {
		width: 100%;
	}
	.flex-first, .flex-last {
		display: none;
	}
}

/* 	progressive enhancement - gradient on h2's */
@media screen and (-webkit-min-device-pixel-ratio:0){
	h2 {
		background-color: #fec000;
		background: -moz-linear-gradient(top, #fdfd00 25%, #ff8500 75%);
		background: -webkit-linear-gradient(top, #fdfd00 25%,#ff8500 75%);
		background: linear-gradient(to bottom, #fdfd00 25%,#ff8500 75%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}