.headerbar {
		/*position:fixed;
		height:100px;
		width:100%;*/

		position:fixed;
		left:0px;
		top:0px;
		height:100px;
		width:100%;

		background-color:rgba(2,135,77,0.9);
		/*text-align:center;*/
		font-family: Futura;
		color:white;
		font-size:33.5px;
		line-height:33.5px;

		padding:18px;
		box-sizing:border-box;
	}  
	svg {
		margin:12px;
	}
	svg path {
		fill:white;
	}
	.main {
		padding-top:120px;
		align:center;
	}
	.button-log {
	color: white;
						border-radius: 4px;
						text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
						background-color:green;
	}
	.explanation {
		display:none;
	}


.logobox {
	width:60px;
	height:60px;
	background-size: 60px 60px;
	background-repeat:no-repeat;
	display:inline-block;
	margin-right:24px;
}

.headerbar a {
	display:block;
	float:left;
}

.headerbar span {
	display:inline-block;
	position:relative;
	top:-2px;
}




/* camouflage camo */

/*#leaf{display:none}*/

body {
	height:100%;
	background-color:black;
}

#camo {
  width:100%;
  /*height:calc(100% - 240px);*/
  /*height:calc(300px + 96px);*/
  /*height:calc(100% - 100px);
  min-height:calc(100% - 100px);*/  /* js set height to camocontent + 96 */
  height:1300px;
  margin-top:100px;
  position:absolute;
  overflow:hidden;
  padding:0;
}

.header {

}

.camocontent {
	position:absolute;
	box-sizing:border-box;
	top:0px;
	left:0px;
	background-color:rgba(248,248,248,0.8);
	margin:48px;
	width:calc(100% - 96px);
	padding:22px;
	min-height:300px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}

#camo>svg{
  width:100%;
  height:100%;
  margin:0;
}