* { 
	box-sizing: border-box; 
	font-family: Arial, sans;
	}
body {
	font-family: Arial, sans;
	background-color: #222;
}
n
.ind {
	margin-left: 2.5em;
}

#layout {

	margin-top: 0;
	min-width: 300px;
	max-width: 70%;
	margin: 0 auto;
	border: 1px solid black;
}

#header {
	border-radius: 20px 20px 0 0;
	border-bottom: 1px solid black;
	background-color: #722;
	padding: 0.5em 0 0.5em 2em;
	color:white;
	text-shadow: 1px 1px 1px black;
}
#header h1 { margin-bottom: 0; }
#header p { margin-top: 0; }
#header a { color: inherit; text-decoration: none; }

#footer { background-color: #722; padding: 2em; 	border-radius: 0 0 20px 20px;}
#footer p { text-align: center; font-size: 85%; color:white; }
#footer a { color:white; }
 
#main { padding: 2em; 	background-color: white; }

/* Tabset */

#menu { 
	margin: 0 0 -1px 0;;
	padding: 0;
	border-bottom: 1px solid lightgray; 
	background-color: transparent;
}

#menu button { 
  background-color: #f1f1f1;
  float: left;
  border: 1px solid #ccc;
  padding: 0.2em 0.5em;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 90%;
  position: relative;
  z-index: 1;
}

#menu a {
	text-decoration: none;
	color: black;
	padding-left: 0.2em;
	padding-right: 0.2em;
	}

#menu button.active {
  background-color: white;
	border-bottom: none;
	z-index: 3;
	}

#menu button:hover { background-color: #ddd; }

.tabcontent { 
	padding: 0 12px;  
	position: relative;
	z-index: 2; 
	margin-top: -3px;
  padding: 0px 12px;
  border: 1px solid #ccc;
  background-color: white;
} 


 /* Item */

.item {
 	background-color: white;
}
.item h2 {
	margin-top: 1em; 
 	margin-bottom: 0;
}
.itemcontent {
	font-family: "Times New Roman", serif;
	line-height: 120%; 
	margin-top: 0;
	color: black; 
 	padding: 2em;
}
.itemcontent * {
	font-family: "Times New Roman", serif;
} 
.itemcontent p:first-child {
	margin-top: 0;
}

.clearfix:after{content:"";display:table;clear:both;}

#menu button.hamburger { display: none; }

/* Mobile */
@media screen and (max-width: 800px) {

#main, .itemcontent { padding: 0.5em; }
.ind { margin-left: 0.5em; }
#menu button.hamburger {
	display: block;
	float: none;
}
#menu>button:not(.hamburger) {
	display: none;
	}

#menu.responsive>button:not(.hamburger) {
	display: block;
	float: none;
	}


#header {
	border-radius: 10px 10px 0 0;
	font-size: 80%;
}
#header h1 { margin-bottom: 0; }
#header p { margin-top: 0; }
#header a { color: inherit; text-decoration: none; }



} /* end Mobile */