/*header*/

#header {width:90%;}
#head{width:90%}

/*navigation*/

.nav {background-color:#BAA338;
		width:17%;
		padding:0px;
		margin-left:0px;
		margin-top:0%;
		}
		

		
.nav ul {margin-top:30px;
		padding:0px;}
		
.nav ul li {list-style:none;
		margin-top: 15px;
		padding:0;}

.nav a {font-family:'century gothic';
		text-decoration:none;
		color:#000;
		font-size:20px;
		font-weight:bold;
		margin-left:0;
		padding:7px 100% 7px 25px;}

.nav a:hover {background-color:yellow;}
.nav a:active {background-color:green;}

.active {background-color:green;}

/*body*/

body {margin:0px;
			padding:0px;
			background-color:black;
			font-family:'century gothic'}

#wrap {display:flex;
			width:90%}
			
.wrap {width:90%;
			margin-left:10%;
			margin-top:5%;}
			
.body {width:83%;
			background-color:#E8FF99;}

p {margin-left:25px;
			margin-right:25px;
			font-size:17px;}

.grass {width:100%;
			top:0%;
			position:fixed;
			z-index:-1;}		
			
h1 {text-align:center;}

.facts {background-color:#A4F979;
			padding-bottom:5%;
			padding-top:2%}

.facts p {overflow:hidden}

.social {padding:10px;
			width:50%;
			text-align:right}

.triv {width:13%;
			margin:0 3%;}

span {font-size: 25px;}

.pic {padding:30px 0;
			text-align:center}

#eco {width:90%;}

.cont {padding:30px;
			background-color:#A4F979}

.hist {width:300px;
			padding-right:15px;}

.sec {padding:2%;
			margin-top:3%;
			background-color:#A4F979}

.type {margin-left:25px;
			margin-right:25px;
			font-size:17px;}

p.second {margin-top:100px;}

.typic {width:260px;
			padding:0;}

.forest, .desert, .grassland, .mountain, .marine, .freshwater {width:40%;
			height:400px;
			margin:2%;
			padding:3%;
			float:left;}

.forest, .mountain, .marine {background-color:#A4F979;}

.mid {margin-left:25px;
			margin-right:25px;
			width:200px;
			padding-right:15px;}

.uno {margin-top:5%}

.dos {margin-top:10%;
			padding-bottom:10%;
			padding-top:2%;
			background-color:#A4F979}

.tres{margin-top:6%}

.kwatro {margin-top:5%;
			padding-bottom:10%;
			padding-top:2%;
			background-color:#A4F979;}

.me {background-color:#A4F979;
			padding-top:2%;
			padding-bottom:5%;}

.me ul {list-style:none;
			float:right;
			margin-right:20%;}

.me img {margin-left:20%;
			margin-top:1%}

table {margin-top:3%;}
table img {border:10px solid #E8FF99}
td img {width:200px;}
table img:hover {border:10px solid #A4F979}
td {padding-right:30px}
#h3 {text-align:center;}

/*footer*/			
.site
{text-align:left;
			width:25%;}

.site ul {list-style:none;
			color:#fff;}

.site ul li {padding:0 1%;
			border-bottom: 1px solid white}

.site a {text-decoration:none;
			color:#fff}

.about {text-align:left;
			width:25%;}

.about ul {list-style:none;
			color:#fff;}

.about ul li {padding:0 1%;
			border-bottom: 1px solid white}

.about a {text-decoration:none;
			color:#fff}

.footer {display:flex;
			background-color:#205F2B;
			margin-bottom:5%;
			width:90%;}