body {
width:100%;
height:100%;
margin:0;
padding:0;
font-family:Euphemia;
}

h1, h3, b {font-family:Euphemia;}

#icon {
float:left;
margin:0;
padding:8px 0;
}

/*nav*/
#nav {
position:fixed;
width:100%;
height:8%;
top:0;
left:0;
margin:0;
padding:0;
z-index:5;
background:#051700;
text-align:right;
overflow:hidden;
}

#nav ul {
display:inline-table;
list-style:none;
margin:0;
padding:0;
}

#nav ul li {
float:left;
margin:0;
padding:0;
font-size:18px;
}

#nav ul li:hover {
background:#E9FEE4;
}

#nav ul li a {
display:block;
padding:30px;
text-decoration:none;
color:#fff;
}

#nav ul li a:hover {
color:#000;
}



/*footer*/
#footer {
position:absolute;
width:100%;
background:#E9FEE4;
text-align:right;
}

#footer ul {
margin-right:10px;
list-style:none;
}

#footer li {
display:inline;
margin-left:10px;
}

#foot {
width:80%;
margin:0 auto;
text-align:left;
}

#foot ul {
margin-left:4%;
margin-right:4%;
padding:0;
list-style:none;
float:left;
}

#foot ul li {
display:block;
}

#foot ul li a {
display:block;
padding:5px;
text-decoration:none;
color:#000;
}

#foot ul li a:hover {
color:#fff;
background:#051700;
}

#footer2 {
position:absolute;
width:100%;
background:#E9FEE4;
text-align:right;
}

#footer2 ul {
margin-right:10px;
list-style:none;
}

#footer2 li {
display:inline;
margin-left:10px;
}

#copy {
width:80%;
margin:0 auto;
}

#copy p {
text-align:left;
float:left;}

/*extra*/
.warp {
width:90%;
margin:0 auto;}

.wrap {
width:80%;
margin:0 auto;}

.img {
border-radius: 150px/150px;
border:1px solid transparent; 
width:300px;
height:300px;
z-index:-1;
}

.line {position:relative; width:80%; margin:0 auto; padding:0; border-bottom:1px solid #5DA54A;}

#jump {position:absolute; width:100%; margin:0 auto; text-align:center;}
#jump ul {list-style:none}
#jump li {display:inline}


/*p1*/
#header {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background-image: url('images/forest.jpg');
background-repeat:no-repeat;
background-size:cover;
}

#head {
position:absolute;
top:50%;
width:50%;
margin-left:50px;
color:#fff;
}

#h1 {
font-size:80px;
line-height:10%;
text-align:left;
}

#head p {
font-size:20px;
}

#b1 {
position:absolute;
width:100%;
height:50%;
top:100%;
margin:0 auto;
padding:5% 0;
background:#E9FEE4;
color:#000;
font-size:16px;
border-top:10px solid #5DA54A;
}

#b1 img {float:left;margin-right:5%;}

#b2 {
position:absolute;
width:100%;
height:50%;
top:150%;
margin:0 auto;
padding:5% 0;
background:#051700;
color:#fff;
font-size:16px;
}

#b2 img {float:right;margin-left:5%;}

#b3 {
position:absolute;
width:100%;
height:50%;
top:200%;
margin:0 auto;
padding:5% 0;
background:#E9FEE4;
color:#000;
font-size:16px;
}

#b3 img {float:left;margin-right:5%;}

#b4 {
position:absolute;
width:100%;
height:50%;
top:250%;
margin:0 auto;
padding:5% 0;
background:#051700;
color:#fff;
font-size:16px;
}

#b4 img {float:right;margin-left:5%;}

h3 {
color:#5DA54A;
}

#footer b {
color:#5DA54A;
}

#forest {
position:absolute;
width:100%;
height:95%;
top:300%;
left:0;
margin:0 auto;
background-image: url('images/forest1.jpg');
background-repeat:no-repeat;
background-size:cover;
border-top:10px solid #5DA54A;
}

#quote {
margin-top:250px;
text-align:center;
color:#fff;
font-size:40px;
}

#footer {
left:0;
height:20%;
}

#footer2 {
left:0;
}


/*p2*/
body {background:#E9FEE4;}

.bryo, .pterido, .gymno, .angio {
position:absolute;
width:100%;
top:8%;
margin:0 auto;
padding:0;
font-size:16px;
}

.bryo, .gymno {color:#000}

.pterido, .angio {color:#fff}

h1 {
text-align:center;
}

#moss, #liver, #horn, #whisk, #club, #horse, #fern, #ginkgo, #cycad, #coni, #gneto, #magno, #lilio {
position:relative;
width:100%;
margin:0 auto;
padding:10px 0;
font-size:16px;
}

#moss img, #horn img, #club img, #fern img, #ginkgo img, #coni img, #lilio img {float:right;margin-left:5%;}

#liver img, #whisk img, #horse img, #cycad img, #gneto img, #magno img {float:left;margin-right:5%;}

#footer {
left:0;
height:20%;
border-top:10px solid #5DA54A;
}


/*p3*/
#gal img {margin:15px;}

#gal {
position:absolute;
width:100%;
top:8%;
margin:0 auto;
padding:0;
}

#footer {
top:140%;
left:0;
height:20%;
border-top:10px solid #5DA54A;
}

#footer2 {top:160%; left:0;}