/*------Horrible attempt at making a dropdown list-------*/

.clearfix:after {
	display:block;
	clear:both;
}
		
.menu-wrap {
	width:100%;
	background: rgba(0,100,0,0.5);
	text-align: center;
	margin: 0; 
	padding: .3em .4em .3em .4em;
}
 
.menu {
	width:1000px;
	margin: 0;
}

.menu li {
	list-style: none; 
	margin: 0; 
	padding: 0;
}
 
.menu a {
	margin: 0; 
	padding: .3em .4em .3em .4em; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: medium; 
	color: white;
 	transition:all linear 0.15s;
}
		
.menu li:hover > a, .menu .current-item > a {
	margin: 0; 
	padding: .3em .4em .3em .4em; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: medium; 
	color: white; 
	background-color: darkgreen; 
}

.menu > ul > li {
	float:left;
	display:inline-block;
	position:relative;
	font-size: medium;
}
 
.menu > ul > li > a {
	margin: 0; 
	padding: .3em .4em .3em .4em; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: medium; 
	color: white;
	display:inline-block;
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
	margin: 0; 
	padding: .3em .4em .3em .4em; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: medium; 
	color: white; 
	background-color: rgba(0,100,0,0.5); 
}
		
.menu li:hover .sub-menu {
	z-index:1;
	opacity:1;
}
 
.sub-menu {
	width:100%;
	padding:5px 0px;
	position:absolute;
	top:100%;
	left:0px;
	z-index:-1;
	opacity:0;
	transition:opacity linear 0.15s;
	background-color: rgba(0,100,0,0.5);
}
 
.sub-menu li {
	display:block;
	font-size: medium;
}
 
.sub-menu li a {
	margin: 0; 
	padding: .3em .4em .3em .4em; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: medium; 
	color: white;
	display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
	margin: 0; 
	padding: .3em .4em .3em .4em; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: medium; 
	color: white; 
	background-color: darkgreen; 
}

/*------------------------STYLING---------------------------*/

body {
	background-image: url('asianforestbackground.png');
	background-repeat: no-repeat;
	background-size: cover;
}
h1 {
	font-size: 48pt;
	color: white;
}
h2 {
	font-size: 24pt;
	color: white;
}
a {
	font-size: 24pt;
	color: white;
}
p {
	font-size: 14pt;
	color: white;
	line-height: 150%;
	margin: 0;
}
.box{
	background: rgba(250,128,114,0.5);
	padding: 16px;
	width: 450px;
	border-radius: 16px;
}