@font-face {font-family:primary; src:url("primary.woff");}
body{ margin:0px; font-size:20px; font-family: primary, Arial, Helvetica, sans-serif; background-color:#000; color: rgba(255,255,255,0.9); }
p{ line-height:1.8em; }
button{ outline:none; cursor:pointer; border:none; color:#000; background: rgba(255, 255, 255, .7); border-radius: 3px; padding:4px 10px; transition: background 0.2s linear; font-size: 15px; font-family: myFont, Arial, Helvetica, sans-serif; }
button:hover{ background-color: rgba(255,255,255,1); }
input{ outline:none; border:none; font-size:18px; }
a{ outline:none; text-decoration: none; color: #5de200; transition: color 0.2s linear; }
a:hover{ color: #FFF; }
ul, ol{ list-style-position: inside; line-height: 2.2em; }
li{ padding-left: 5px; }

#bg_container{ height:100vh; overflow:hidden; position: fixed; }
#bgvid{ min-height: 100vh; min-width: 100vw; filter: brightness(100%); }
#docbody{ position:absolute; top:0px; width: 100%; }

header{ padding: 10px 0px 0px 0px; text-align: center; }
main{ background: rgba(0,0,0,0.8); padding-top: 20px; min-height: 1200px; }

#logo{ background-image: url(tree_fellow_logo.png); background-repeat: no-repeat; background-size: contain; width: 280px; height: 280px; margin:0px auto 0px auto; }

nav{ display: inline-block; background: rgba(0,0,0,0.8); padding: 10px 10px 10px 10px; margin: 0px auto; text-align: center; border-radius: 12px 12px 0px 0px; }
nav a{ border-right: 1px solid #999; font-weight: bold; padding: 0px 20px; text-decoration: none; }
nav a:last-child{ border-right:none; }
.activepage{ border-right: 1px solid #999; font-weight: bold; padding: 0px 20px; text-decoration: none; }
.lastactpg{ border-right: none; }

#ph1{ text-align: right; padding-right: 20px; }

#pagecontent{ margin: 0px 5%; padding-bottom: 150px; }

.leaflist{ list-style-image: url(list_leaf.png); }

#scrolltopbtn{ display:none; position:fixed; bottom:20px; right:10px; width:50px; height:50px; border:none; border-radius:100%; background:rgba(91, 196, 32, 0.5); font-weight:bold; font-size:30px; cursor:pointer; transition:background 0.5s; text-align:center; color: #000; line-height: 40px; }
#scrolltopbtn:hover{ background:rgba(91, 196, 32, 1); }

footer{ background: rgba(0,0,0,0.6); border-top: 4px solid #000; padding: 30px 0px 30px 5%; font-size: 17px; }

@media screen and (max-width: 700px) {
	
}