/*
CSS Quantum-Gypsies
*/
:root {
	--headColor:#4d3e04;
}
html {
	font-size:16pt;
}
body {
	min-height: 100vh;
	margin: 0;
	padding: 0;
	font-family: Times, Georgia, serif;
	font-size: 1em;
}
.Header{
	width:98%;
	height: 140px;
	background-color: #70db70;
	background-image: url(../images/tribe.png);
	background-repeat: no-repeat;
	background-attachment: local;
  	background-position: center;	
	font-family: Times, Georgia, serif;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	font-size: 3.0rem;
	text-transform: uppercase;
	border-style: solid;
	border-radius: 5px;
	border-color: #669900; 
	padding-left: 2rem;
	color: #000000;
}
.middle{
	position: Absolute;
	min-width: 70%;
	top:48px;
	margin-top: 2.4rem;
	font-family: Times, Georgia, serif;
	padding-top: 1rem;
	padding-right: 60px;
	margin-left: 32%;
	margin-right:12%;
	@media screen and (min-width: 1000px) {
		margin-left: 26%;
		margin-right: 4%;
	}
	font-size: 1rem;
	z-index: 5;
	overflow-x:auto;
}
.middle > p {
	margin:unset;
	margin-bottom: 0;
	margin-right: 4%;
}
.menu {
	display:flexbox;
	flex-direction: column;
	align-items: left;
	position:fixed;
	width:clamp(147px,24%,2000px);
	margin-top:146px;
	margin-left: 0;
	padding: 0;
	padding-left:4px;
	font-size: 1.4rem;
	background-color: #54c954;
	color: #000;
	border-style: solid;
	border:2px;
	border-radius: 5px;
	border-color: #070804; 
	text-decoration:none;
	z-index:10;
}
a {
	color: var(--headColor);
	text-decoration-style:none;
}
.menu a {
	display:flex;
	color: var(--headColor);
	text-decoration-style:none;
	padding: 0,0,7px,0;
}

a[href^="#"] {
	color:#c7ee7b;
	background-color: var(--headColor)
}
#fire {
	color:aliceblue;
	background-image: url("../images/fire.png");
}

.subMenu {	
	margin-left: 3PX;
	padding-left: 0;
}
.sub2Menu {
	margin-left: 6px;
	padding-left: 0;
}
.sub3menu {
	padding-left: 0;
	margin-left: 6px;
}
.mixed {
	display: inline-block;
	padding-top: 1.3rem;
}
.picAndtext {
	display: inline-block;
}	
.image-left {
	float: left;
  margin-right: 15px;
}
.image_left_me {
	float: left;
  margin-right: 15px;
  border: 3px;
  border-radius: 45%;
}
.image-right {
	float: right;
	margin-left: 15px;
}
h3 {
	font-size: 2rem;
	color: var(--headColor);	
	margin-bottom: 0;
}
h4 {
	font-size: 1.5rem;
	color: var(--headColor);
	padding-top:0;
	margin-bottom: 0;
}
h5 {
	font-size: 1.2rem;
	color: var(--headColor);
	padding-top:0;
	margin-bottom: 0;	
}

.chosen {
	color: crimson;
	background-color: rgb(79, 79, 133);	
}
table{
	margin: auto;
}
td {
	text-align: center;
}
.highlight {
	background-color: rgb(140, 245, 145);
}
.heading {
		background-color: #54c954;
}
ul {
	 padding-left: 5px;
}