@charset "utf-8";

*{margin:0;
padding:0;}

body{
	background-color:#fff;
	text-align:center;
	font-family: Arial;}

#wrapper{
	display:block;
	width:70%;
	margin-left:15%;
	margin-right:15%;
	text-align:center;
	background-color:#fff;
	padding-top:0em;
}

#cpBt{
display:block;
	width:2em;
	height:2em;
	background-color:#fff;
	padding: 3px 7px;
	padding-top:2px;
	cursor:pointer;
	border-radius:3px;
	border: 1px solid #990000;
	transition:background 0.1s linear 0s;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:6em;
}

#cpBt:hover{
border:#333333 1px solid;
}

#cpBt:hover div{
background-color:#333333
}

#cpBt > div{
	width:30px;
	height:6px;
	background-color:#990000;
	margin: 4px 0;
	border-radius: 6px;
	transition:background 0.1s linear 0s;
}

#nav{
	margin-left:30%;
	margin-right:30%;
	width:40%;
	height:2em;
	margin-top:2.35em;
	display:none;
	height:2em;
	background-color: #990000;
	cursor:pointer;
	border-radius:3px;
	border: 1px solid #990000;
	transition:background 0.1s linear 0s;
	text-align:center;
}

#nav a{
text-decoration:none;
float:left;
text-align:center;
color:#fff;
font-family: Impact, Arial;
font-size:1.2em;
width:20%;
padding-top:0.25em;
text-align:center;}


#nav a:hover{
	color:#333333;
}

#nav a:last-child{
	color:#990000;
	background-color:#fff;
	padding-bottom:0.25em;
}
	
#nav a:last-child:hover{
	color:#333333;
	}

#headline{
	clear:both;
	position:absolute;
	display:block;
	text-align:center;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	top:14.8em;
	}
	
h1{
font-family: Impact, Arial;
color:#990000;
font-size:2.5em;
}

h3{font-family: Arial;
	color:#333333;
	font-weight: regular;
	font-size:1.3em;}

#headline_smallest, #headline_smallissimo{display:none;}
	
#tree{	display:block;
		top:21.23em;
	position:absolute;
	z-index:0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}

#tree_smallest, #tree_smallissimo{display:none;} 
	
/*Media Queries*/

@media only screen and (max-device-width:1600px) {

#nav{width:60%;
margin-left:20%;
margin-right:20%;}
}
}

@media only screen and (max-device-width:1366px) {

#wrapper{width:80%;
margin-left:10%;
margin-right:10%;}

#cpBt{	margin-top:3em;
}


#headline{
	top:11.55em;
}

#tree{
	top:17.5em;
}	
}

@media only screen and (max-device-width:1280px) {

#wrapper{width:80%;
margin-left:10%;
margin-right:10%;}

#cpBt{	margin-top:3em;
}

#headline{
	top:11.55em;
}
}

@media only screen and  (max-device-width:1024px) {

#cpBt{	margin-top:2em;
}

#nav{margin-top:2em;
width:98%;
margin-left:1%;
margin-right:1%;
}

#nav a:last-child{
	padding-bottom:0.2em;
}



#headline{
top:10.05em;
}

#tree{top:16.2em;
		}

@media only screen and  (max-device-width:768px) {

#wrapper{width:98%;
margin-left:1%;
margin-right:1%;}

#cpBt{
	width:1.6em;
	height:1.8em;
	padding: 3px 7px;
	top:3em;
	margin-left:auto;
	margin-right:auto;
}

#cpBt > div{
	width:25px;
	height:4px;
	margin: 4px 0;
	border-radius: 6px;
	}

#nav{
	margin-top:1.98em;
	font-size:0.7em;
	width:88%;
	margin-left:6%;
	margin-right:6%;
}

#nav a{font-size:1.1em;}

h1{
	font-size:1.8em;
	}

h3{font-size:1.1em;}

#headline{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	top:8.25em;
	}

#tree{
	top:13.9em;
	}
}

@media only screen and  (max-device-width:540px)  {

#wrapper{width:99%;
margin-left:0.5%;
margin-right:0.5%;}

#cpBt{
	width:1.4em;
	height:1.4em;
	padding: 1px 3px;
	margin-top:0.75em;
}

#cpBt > div{
	width:20px;
	height:3px;
	margin: 3px 1px;
	border-radius: 6px;
	}

#nav{
	margin-top:1.31em;
	font-size:0.5em;
	height:1.7em;
	font-weight:regular;
}

#nav a{
padding-top:2px;}

#nav a:last-child{
	padding-bottom:1px;
}


#headline_smallest{
	clear:both;
	position:absolute;
	display:block;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	top:4.9em;
	}

h1{
	font-size:0.9em;
	}

h3{font-size:0.5em;}

#headline, #headline_smallissimo{display:none;}

#tree_smallest{display:block;
	position:absolute;
	z-index:0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	top:7.7em;
	}
	
#tree,#tree_smallissimo{display:none;}
}

@media only screen and   (max-device-width:375px) {

#headline_smallissimo{
	clear:both;
	position:absolute;
	display:block;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	top:4.9em;
	}

	
	
h1{
font-size:1em;
}

h3{
	font-size:0.5em;}

#headline, #headline_smallest{display:none;}

#tree_smallissimo{display:block;
	position:absolute;
	z-index:0;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	top:7.7em;
	}
	
#tree, #tree_smallest{display:none;}
}

@media only screen and (max-device-width:320px){

#nav{height:1.3em;
width:80%;
margin-left:10%;
margin-right:10%;
margin-top:1.63em;}

#nav a{font-size:0.5em;
padding-top:0;}

#nav a:last-child{
	padding-bottom:0;
}

#headline_smallissimo{
	top:4.65em;
	}

h3{
	font-size:0.4em;}

#tree_smallissimo{
		top:7.25em;
	}	
}