@charset "UTF-8";
/* CSS Document */

body, html {font-family:Thorup-Sans; background:linear-gradient(to right,#e4ebe1,#EBF3CF,#DAF0E5,#D7EFDE,#e4ebe1); height:100%;}

.wrapper {width:80%; margin-left:auto; margin-right:auto;}

h1 {width:120%; text-indent:15px; font-size:30px; font-family:Red Hat Display; font-weight:500; text-transform:uppercase; line-height:35px; letter-spacing:1px; text-align:left; /*border:outset 3px #25542D; */ margin-bottom:40px; background:linear-gradient(to left, #DEFEB2, #FFE7B4); padding:30px 0px 30px 10px; border-radius:20px;}
h1.ar {width:auto; background:none; font-size:100px; color:#16631B; line-height:120px; text-indent:0px; padding:0px; margin:8% 0% 6% 0%; text-transform:uppercase; font-weight:400; text-align:right;}
h2 {font-size:65px; font-family:Red Hat Display; color:#3D9340; font-weight:500;}
p {font-size:15px; font-family:Red Hat Display; color:#1A1A1A;}
p.pg {font-size:16px; font-weight:300; line-height:28px; text-align:right;}

@media (max-width:1000px) {
	
.wrapper {width:95%;}
	
	h1.ar {font-size:70px; line-height:70px; text-align:left;}
	p.pg {text-align:left;}

}

.top {position:sticky; top:0;}
	
header {text-align:left; margin-top:-8px; margin-right:-8px; margin-left:-8px; padding:35px 0px; /*font-size:70px; */background:#F2F7F0;}

.top-menu {margin:-8px -8px 0px -8px; padding:16px 30px 25px 20px; background:#527D43; overflow:hidden;}
.tm-mail {width:40%; float:left;}
.tm-lnks {width:40%; float:right; text-align:right;}
.top-menu a {font-size:14px; font-family:Red Hat Display; color:#E6E6E6; text-transform:uppercase; letter-spacing:1px; margin-right:15px; text-decoration:none;} 
.bb {padding-bottom:4px; border-bottom:solid 1px #fff; -webkit-transition:border-bottom 1s;}
.bb:hover {transition:border-bottom 1s; border-bottom:solid 1px #527D43;}

@media (max-width:650px) {
	.tm-mail {width:95%;}
	.tm-lnks {width:95%; float:left; margin-top:15px; text-align:left;}
}

.nostk {position:static;}

img.logo {width:25%; margin:auto;}

.head-right {width:65%; float:right; margin-top:35px;}

.head-lnks {text-align:right; margin-top:25px; margin-right:10px;}

a.hd-l {font-size:13px; font-family:Red Hat Display; color:#49544C; text-decoration:none; margin-left:10px; display:inline-block;}
a.hd-l:hover {color:#7B8C7F;}

@media (max-width:1750px ) {
	.head-right {width:65%; margin-top:5px; padding-bottom:10px;}
	
	.head-lnks {margin:20px 0px 0px 0px;}
	a.hd-l {font-size:12px !important; line-height:12px!important;}
}

@media (max-width:1500px) {
	header {overflow:hidden;}
	.head-right {padding-bottom:5px;}
	a.hd-l {line-height:25px!important;}
	img.logo {width:30%; margin-top:10px;}
}

@media (max-width:1100px) {
	img.logo {width:35%; margin-top:20px; margin-left:-40px;}
	.top {position:static;}
}

@media (max-width:1001px) {
	img.logo {width:35%; margin-top:20px; margin-left:0px; float:none;}
}

 
nav {margin-left:-8px; margin-right:-8px; padding:0% 5% 0% 5%; background:#48713A; text-align:center !important; box-shadow:0px 5px 20px 0px #202020; clear:both;}

a.item {font-size:17px; font-family:Red Hat Display; color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:2px; margin:0px -8px; padding:23px 30px; background:#48713A; display:inline-block; -webkit-transition:background .5s;}
a.item:hover {font-size:17px; font-family:Red Hat Display; color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:2px; padding:23px 30px; background:#528142; display:inline-block; transition:background .5s;}
a.s-item {font-size:17px; font-family:Red Hat Display; color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:2px; margin:0px; padding:23px 30px; background:#528142; display:inline-block; transition:background .5s;}


/* BEGIN - NEW NOV 2025 */

.drop {display:inline-block;}
button.sec-drop {border:none !important; outline:none !important; background:inherit !important; font-family:inherit !important;}
.sec-cnt {display:none; position:absolute; z-index:1; text-align:left; margin-left:-4px;}
a.sec-a {display:block; z-index:1; padding:15px; background:#48713A; border-bottom:solid 1px #7D9D72; font-size:15px; font-family:Red Hat Display; color:#fff; text-decoration:none; -webkit-transition:background .5s;}
a.sec-a:hover {transition:background .5s; background:#528142;}

.drop:hover .sec-cnt {display:block;}


.m-drop {display:none;}
button.m-sec-drop {display:none;}
a.a-m-sec {display:none;}



/* END - NEW NOV 2025 */

details.navm, summary.navsm, a.m-item, span.su {display:none;}

@media (max-width: 862px){
	
	nav {text-align:center;}
	
	details.navm {display:inline-block; width:100%;}
	summary.navsm {display:inline-block; list-style-type:none; color:#48713A; text-align:center;}
	span.su {color:#fff; display:inline-block; font-size:18px; font-family:Resamitz; text-decoration:none; padding:10px 30px 23px 30px; background:#48713A; text-transform:uppercase; letter-spacing:1px;}
	a.m-item {display:block; font-size:18px; font-family:Resamitz; color:#DAE8D4; text-decoration:none; padding:23px 30px; background:#48713A; text-transform:uppercase; letter-spacing:1px; text-align:left; -webkit-transition:background .5s;}
	a.m-item:hover {background:#528142; transition:background .5s;}
	
	a.m-s-item {display:block; font-size:18px; font-family:Resamitz; color:#000; text-decoration:none; padding:23px 30px; background:#9BC488; text-transform:uppercase; letter-spacing:1px;}
	a.s-item {display:none;}
	
	
	a.item {display:none;}
	
		h1.ar {font-size:60px; line-height:70px; text-align:left;}
	p.pg {text-align:left;}
	
	
.m-drop {display:block;}
button.m-sec-drop {display:block;}
a.a-m-sec {display:block;}

.m-drop {display:block; margin-left:-4px;}
button.m-sec-drop {border:none !important; outline:none !important; background:inherit !important; font-family:inherit !important;}
.m-sec-cnt {display:none; position:absolute; z-index:1; text-align:left; margin-left:-4px; width:90%;}
a.a-m-sec {display:block; z-index:1; padding:15px; background:#48713A; border-bottom:solid 1px #7D9D72; font-size:15px; font-family:Red Hat Display; color:#fff; text-decoration:none; -webkit-transition:background .5s;}
a.a-sec:hover {transition:background .5s; background:#528142;}

.m-drop:hover .m-sec-cnt {display:block;}

}



.intro {margin-left:-8px; margin-right:-8px; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; height:50%; background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/back.jpg");}

.desc {width:40%; position:absolute; top:20%; left:5%; font-size:60px; font-family:Righteous; color:#fff; line-height:80px;}



@media (min-width:250px){
	.intro {background-size:300%; background-position:left bottom;}
	.desc {width:80%; top:50%; left:50%; transform:translate(-50%, -50%); font-size:40px; line-height:40px;}
}

@media (min-width:590px){
	.intro {background-size:200%;}
}


@media (min-width:753px){
	.intro {background-position:left center; }
}

@media (min-width:1003px){
	.desc {font-size:45px; line-height:50px;}
}
	
@media (min-width:1375px){
	.intro {background-size:110%;}
	.desc {width:55%; top:50%; left:30%; font-size:45px; line-height:50px;}
}



@media (min-width:1676px){
.intro {margin-left:-8px; margin-right:-8px; position:relative; background-size:cover !important; background-repeat:no-repeat; background-position:center center!important; height:50%!important; background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/back.jpg");}
.desc {width:40%!important; position:absolute; top:20%!important; left:5%!important; font-size:60px!important; font-family:Righteous; color:#fff; line-height:80px!important; transform:none!important;}
}


.sleft {width:30%; float:left; margin-left:1%; position:relative;}
.sright {width:60%; float:right; margin-right:1%;}

.box {width:120%; background-repeat:no-repeat; background-position:center, center; position:absolute; height:120%; text-align:center; font-size:45px; color:#fff; text-decoration:none; border-radius:20px; box-shadow:7px 7px 14px #9B9B9B; -webkit-transition:box-shadow .5s;}
.box:hover {transition:box-shadow .5s; box-shadow:7px 7px 30px #353535;}

.b-t-b {background:linear-gradient(to right, rgba(225, 201, 0, 0.2), rgba(18, 45, 18, 0.2)), url("../img/Home/cloudy-afternoon-at-high-point1.jpg"); background-size:100%; transform:translate(0%, -10%); background-attachment:fixed; background-position:70%;}
.fpp {background:linear-gradient(to left, rgba(4, 61, 70, 0.3), rgba(60, 51, 1, 0.7)), url("../img/Home/grass-island1.jpg"); background-size:100%; background-position:60% 35%; transform:translate(0%, 105%); background-attachment:fixed;}
.wsf {background:linear-gradient(to left, rgba(0, 126, 119, 0.3), rgba(0, 40, 0, 0.2)), url("../img/Home/hawkins-bridge-pond-front1.jpg"); background-size:100%; transform:translate(0%, 220%); background-position:50% 60%; background-attachment:fixed;}
.pls {background:linear-gradient(to right, rgba(100, 0, 0, 0.3), rgba(0, 70, 0, 0.8)), url("../img/Franklin-Parker-Preserve/round-headed-bush-clover.jpg"); background-size:140%!important; background-position:10% 56%!important;}
.ans {background:linear-gradient(to right, rgba(0, 255, 255, 0.2), rgba(255, 255, 100, 0.2)), url("../img/Franklin-Parker-Preserve/whooper-swan.jpg"); background-size:200%!important; background-position:52% 48%!important;}
.gd {background:linear-gradient(to left, rgba(100, 0, 0, 0.3), rgba(0, 40, 0, 0.8)), url("../img/Franklin-Parker-Preserve/gd-back.jpg"); background-size:100%; transform:translate(0%, 225%);}
.eh {background:linear-gradient(to left, rgba(100, 0, 0, 0.3), rgba(0, 40, 0, 0.8)), url("../img/Event-History/highland-dirt-road.jpg"); background-size:100%; transform:translate(0%, 225%);}
.penn {background:linear-gradient(to left, rgba(100, 0, 0, 0.3), rgba(0, 40, 0, 0.8)), url("../img/Penn/a-fall-day-at-oswego-lake.jpg"); background-size:100%; background-position:50% 60% !important; background-attachment:fixed;}
.bass {background:linear-gradient(to left, rgba(44, 162, 1, 0.1), rgba(64, 44, 27, 0.6)), url("../img/Home/dead-cedar-forest.jpg"); background-size:100%; background-position:50% 80% !important; transform:translate(0%, 451%) !important; background-attachment:fixed;}
.abt {background:linear-gradient(to right, rgba(100, 0, 0, 0.3), rgba(0, 70, 0, 0.8)), url("../img/Franklin-Parker-Preserve/foggy-lush-forest.jpg"); background-size:100%; transform:translate(0%, -15%); background-attachment:fixed;}

.sooy {background:linear-gradient(to right, rgba(100, 0, 0, 0.3), rgba(0, 70, 0, 0.8)), url("../img/Sooy-Preserve/blackgum-forest2.jpg"); background-size:100%; transform:translate(0%, -15%); background-attachment:fixed;}
.michael-huber {background:linear-gradient(to right, rgba(100, 0, 0, 0.3), rgba(0, 70, 0, 0.8)), url("../img/Michael-Huber-Preserve/dead-forest.jpg"); background-size:100%; transform:translate(0%, -15%); background-attachment:fixed;}

.greenwood {background:linear-gradient(to right, rgba(100, 0, 0, 0.3), rgba(0, 70, 0, 0.8)), url("../img/Greenwood-Forest-WMA/early-fall-hardwood-forest.jpg"); background-size:100%; transform:translate(0%, -15%); background-attachment:fixed;}

.forked-river {background:linear-gradient(to right, rgba(100, 0, 0, 0.3), rgba(0, 70, 0, 0.8)), url("../img/Forked-River-Mountain-Preserve/highland-trail.jpg"); background-size:100%; transform:translate(0%, -30%); background-attachment:fixed;}


.animals {background:linear-gradient(to left, rgba(10, 28, 70, 0.3), rgba(0, 50, 0, 0.5)), url("../img/Penn/penn-deer.jpg"); background-size:100%; transform:translate(0%, 567%) !important; background-position:50% 55%;}
.plants {background:linear-gradient(to left, rgba(100, 0, 0, 0.3), rgba(0, 40, 0, 0.3)), url("../img/Other/late-spring-first-bloomed-blueberries.jpg"); background-size:100%; background-position:50% 60% !important; transform:translate(0%, 682%) !important;}
.geo {background:linear-gradient(to left, rgba(0, 4, 60, 0.3), rgba(72, 35, 34, 0.5)), url("../img/Other/burnt-pigmy-pines.jpg"); background-size:100%; background-position:50% 60% !important; transform:translate(0%, 798%) !important;}


@media (max-width:1000px) {
    .b-t-b,
    .fpp,
    .wsf,
    .pls,
    .ans,
    .gd,
    .eh,
    .penn,
    .bass,
    .abt,
    .animals, 
    .plants,
    .geo {background-attachment:inherit;}
}

.b-txt {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media (max-width:1101px) {
	.sleft {width:35%; float:left; margin-left:auto; margin-right:auto;}
	.box {width:100%; font-size:35px; line-height:40px; height:70%;}
	h1 {font-size:30px; width:100%; text-align:left;}
}

@media (max-width:929px) {
	.sleft {width:35%; float:left; margin-left:auto; margin-right:auto;}
	.box {width:100%; font-size:30px; line-height:35px; height:70%;}
	h1 {font-size:30px; width:100%; text-align:left;}
}

@media (max-width:611px) {
	.sleft {width:70%; float:none; margin-left:auto; margin-right:auto;}
	.box {width:100%; font-size:35px; line-height:40px; height:150%;}
	h1 {font-size:30px; width:100%; text-align:left;}
}

@media (max-width:450px) {
	.sleft {width:90%; float:none; margin-left:auto; margin-right:auto;}
	.box {width:100%; font-size:35px; line-height:40px; height:150%;}
	h1 {font-size:30px; width:100%; text-align:left;}
}


.home-articles {display:flex;}
.box-article {width:25%; margin:2%; display:inline-block; box-sizing:content-box; height:400px; background:#D5D5D5; border-radius:15px;}

.box-article img {width:100%; border-radius:15px 15px 0px 0px;}
.box-article p {margin:22px 22px 25px 22px;}
.box-article a {font-size:15px; font-family:Red Hat Display; color:#f0f0ea; text-decoration:none; font-weight:400; margin-left:25px; padding:16px; background:#9dac67; border-radius:6px; margin-top:15px; text-decoration:none; -webkit-transition:.5s color;
}
.box-article a:hover {font-size:15px; font-family:Red Hat Display; color:#e8e8e2; text-decoration:none; font-weight:400; margin-left:25px; transition:color .5s;}

@media (max-width:1418px) {
	.home-articles {display:flex;}
	.sright {width:60%; float:right; margin-left:auto; margin-right:auto;}
	.box-article {width:33%; display:inline-block; margin:6% 1.5%;}
	.box-article p {font-size:14px;}
	.box-article a {font-size:13px; font-family:Red Hat Display; color:#f0f0ea; text-decoration:none; font-weight:400; margin-left:25px;}
	.box-article a:hover {font-size:13px; font-family:Red Hat Display; color:#e8e8e2; text-decoration:none; font-weight:400; margin-left:25px;}
}

@media (max-width:1101px) {
	.home-articles {display:flex;}
	.sright {width:63%; float:right; margin-left:auto; margin-right:auto;}
	.box-article {width:30%; display:inline-block; margin:6% 1%;}
	.box-article p {font-size:14px;}
}

@media (max-width:929px) {
	.home-articles {display:flex;}
	.sright {width:63%; float:right; margin-left:auto; margin-right:auto;}
	.box-article {width:35%; display:inline-block; margin:6% 1%;}
	.box-article p {font-size:14px;}
}

@media (max-width:611px) {
	.home-articles {display:block;}
	.sright {width:70%; float:none; margin-left:auto; margin-right:auto; margin-top:1430px;}
	.box-article {width:100%; display:block; margin:10% auto;}
}

@media (max-width:450px) {
	.home-articles {display:block;}
	.sright {width:90%; float:none; margin-left:auto; margin-right:auto; margin-top:1450px;}
	.box-article {width:95%; display:block; margin:10% auto;}	
}

.home-links {display:flex;}
.col {width:25%; display:inline-block; margin-right:2%; margin-bottom:2%;}
.links ul {box-sizing:content-box; height:400px;}
.links li {list-style-type:none; margin-bottom:12px;}
.links li a {font-size:14px; font-family:Red Hat Display; color:#349D9D;}
.links li a:hover {text-decoration:none;}

.hm-articles {display:flex;}
.col-articles {width:25%; display:inline-block; margin:2% 2% 3% 2%;}
a.hm-vw {color:none; text-decoration:none;}
a.view-btn {font-size:15px; font-family:Red Hat Display; padding:14px 30px; background:none; border:solid 1px #67aca6; border-radius:7px; color:#508f89; font-weight:400; text-decoration:none; -webkit-transition:background .5s, border .5s;}
a.view-btn:hover {background:#91cac5; border:solid 1px #91cac5; transition:background .5s, border .5s;}
.col-articles p {margin-bottom:30px;}
.col-articles img.full-img-a {box-shadow:7px 5px 10px #868585; -webkit-transition:box-shadow .5s;}
.col-articles img.full-img-a:hover {box-shadow:none; transition:box-shadow .5s;}

@media (max-width:1300px) {
    .col-articles {width:40%; margin:4% 2%;}
}

@media (max-width:900px) {
    .col-articles {width:80%; margin:16% auto; display:block;}
    .hm-articles {display:block;}
}

@media (max-width:611px) {
    .col-articles {width:90%; margin:20% 6%; display:block;}
}

@media (max-width:929px) {
	.home-links {display:flex;}
	.col {width:40%; float:none; display:inline-block; margin-left:-10px;}
}

@media (max-width:611px) {
	.home-links {display:flex;}
	.col {width:40%; float:none; display:inline-block; margin:2%;}
	.links li {margin-left:-40px;}
}

@media (max-width:450px) {
	.home-links {display:block;}
	.col {width:90%; float:none; display:block; margin-left:auto; margin-right:auto; margin-bottom:10%;}
	.links li {margin-left:-40px;}
}

.int-hero {margin:0px -8px 50px -8px; padding:5% 0%; background-size:cover; background-position:center, center; text-align:center;}
.int-ti {font-size:70px; font-family:Righteous; color:#fff;}

@media (max-width:642px) {
	.int-ti {font-size:50px;}
}

@media (max-width:500px) {
	.int-ti {font-size:40px;}
}

		.fact {width:35%; float:left; margin:0% 3% 2% 0%; padding:30px 10px; background:linear-gradient(to left,#e4ebe1,#DAF0E5,#D7EFDE,#e4ebe1); border-radius:10px; box-shadow:1px 1px 25px #868686; overflow:hidden;}
		.fp {width:100%; font-size:15px; font-family:Red Hat Display; line-height:29px; font-weight:300;}
		img.info {width:10%; float:right;}
		
		
		.drive {width:35%; float:right; margin:0% 3% 3% 3%; padding:25px; background:linear-gradient(to left,#EBDEC1,#CDE3BD); border:solid 3px #EAEFE8; border-radius:15px; text-align:center;}
		.drive ul {text-align:left;}
		.drive li {font-size:11px; font-family:Red Hat Display; font-weight:300; list-style-type:none; margin-left:-30px;}
		.drive li strong {font-weight:500;}
		.drive h3 {font-size:35px; line-height:55px; margin-bottom:25px;}
		.stars {margin-top:-20px;}
		img.star {width:70px;}
		span.num {color:#EB900E; font-size:42px;}
		span.num-grn {color:#19B310; font-size:42px;}
		.drive p {font-size:13px; width:60%; margin:10px auto;}
		
		.common {margin:15px 0px; background:#fff; border-radius:10px; text-align:left; box-shadow:1px 1px 30px #CDCDCD;}
		.com-itm {padding:25px 0px 30px 20px; border-bottom:solid 1px #C7C7C7; overflow:hidden;}
		.com-itm img {width:25%; height:50px; float:left; object-fit:cover;}
		.com-itm a {width:72%; float:right; font-size:16px; font-family:Red Hat Display; color:#A48052; text-decoration:none; line-height:40px; margin-left:8px;}
		.com-itm a:hover {text-decoration:underline;}
		.common h3 {font-size:25px; font-family:Red Hat Display; color:#fdfdfd; font-weight:500; padding:20px; background:#475E37; border-radius:10px 10px 0px 0px;}
		.no-border-bottom {border-bottom:none;}
		
		.sections-side {width:100%; margin:15px 0px; background:#3a643b; border-radius:15px; text-align:left; box-shadow:1px 1px 35px #919191;}
		a.a-sec {font-size:19px; font-family:Red Hat Display; color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:2px; text-shadow:1px 0px 25px #CA9245; padding:25px 16px; background:#3a643b; border-bottom:solid 1px #2f5330; display:block; 
			-webkit-transition:background .5s;}
		a.a-sec:hover {background:#4E824F; transition:background .5s;}
		.visiting {background:#A19F1A!important;}
		
		.border-top {border-top-left-radius:15px; border-top-right-radius:15px;}
		.border-bottom {border-bottom-left-radius:15px; border-bottom-right-radius:15px; border-bottom:none!important; background-color:#315e32 !important;}
		
		.side-links {width:100%; margin:15px 0px; text-align:left;}
		.sd-lnk {margin-bottom:15px; overflow:hidden;}
		.side-links img {width:20%; height:60px; float:left; object-fit:cover;}
		.side-links a {width:76%; float:left; font-size:14px; font-family:Red Hat Display; color:#24381B; text-decoration:none; margin-top:20px; margin-left:7px;}
		.side-links a:hover {text-decoration:underline;}
		h4 {font-size:30px; line-height:15px; padding:25px 17px; border:solid 2px #000; border-radius:4px; text-align:center;}
		
		/* BEGIN - NEW NOV 2025 - TWO */
		
		#menu-toggle {
  display: none;

  
}

/* Hamburger icon */
.menu-icon {

  cursor: pointer;
  		    font-family:Red Hat Display;
		    color:#fff;
		    text-transform:uppercase;
		    text-shadow:1px 0px 25px #CA9245; padding:25px 16px;
  display: none;
  margin-top:40px;
  font-size:17px; 
  letter-spacing:1px;
background:#3f7540; border-radius:15px; text-align:left; box-shadow:1px 1px 35px #919191;
}


/* END  - NEW NOV 2025 */
		
		
	@media (max-width:1000px) {
	    h4 {line-height:30px; margin-bottom:7px;}
		    section h4 {line-height:30px; padding:15px 17px; margin-bottom:0;}
		}


aside {width:20%; float:left; margin:2% 0%;}
.right-side {width:20%; float:right; margin:1% 0%;}

img.full-img-a {width:100%;}
.right-side p {padding:1% 1% 5% 5%;}


article {width:54%; float:left; margin:0% 3%;}
section {margin-bottom:4%;}
section p {margin-top:4%; margin-bottom:4%;}

.img-gall {display:inline-flex;}
.caption-l, .caption-p {width:30%; margin:1.1%; display:inline-block; box-shadow:3px 2px 10px #555555; border:solid 1px #fff;}
img.gall {width:100%; cursor:grab; -webkit-transition:opacity .5s; clear:both;}
img.gall:hover {opacity:.8; cursor:zoom-in; transition:opacity .5s;}
.img-cap {box-sizing:content-box; height:25px; margin-top:-6px; padding:14px; background:#28972C; font-size:11px; font-family:Red Hat Display; color:#E2E2E2; clear:both;}

@media (max-width:880px){
	.caption-l, .caption-p {width:60%; margin:2% 0%;}
	.img-gall {display:block;}
}

@media (max-width:570px) {
	.caption-l, .caption-p {width:100%;}
}


.xtra {margin-top:10%; padding:25px 0px; background-color:#fff; border-radius:20px; text-align:center;}
.xtra img {width:70%; margin:4% auto; box-shadow:1px 1px 7px #737373;}
.xtra p {font-size:15px; text-align:left; width:70%; margin:1% auto;}

@media (max-width:460px) {
	.xtra p {font-size:14px; line-height:17px;}
}

.breadcrumb {text-indent:30px; font-style:italic; color:#232323; font-size:16px; font-family:Red Hat Display;}
.breadcrumb a {text-decoration:none; color:#455A3D;}
.breadcrumb a:hover {text-decoration:underline;}
span.bc-itm {margin-left:2px; margin-right:2px;}

iframe.map {margin:6% 0%; border:solid 1px #000; border-radius:5px;}
iframe.sec-map {display:none;}
iframe.part-map {width:45%; margin:1% 3% 3% 3%; border:solid 2px #6F6F6F; border-radius:5px;}

@media (max-width:1765px) {
	iframe.part-map {width:40%;}
	.drive {width:38%;}
}

@media (max-width:1543px) {
	iframe.part-map {width:40%;}
	.drive h3 {font-size:30px;}
	span.num {font-size:40px;}
}

@media (max-width:1415px) {
	iframe.part-map {width:40%; margin:.5%;}
	.drive {width:45%; margin:.5%;}
	.drive h3 {font-size:35px;}
	span.num {font-size:40px;}
}

@media (max-width:1259px) {
	iframe.part-map {width:42%;}
	.drive {width:40%;}
	img.star {width:50px;}
	.drive h3 {font-size:30px;}
	span.num {font-size:35px;}
	.drive p {font-size:11px;}
}

@media (max-width:880px) {
	iframe.part-map {width:100%; margin:3% 0%;}
	.drive {width:85%; margin-left:16%; margin-right:0%; margin-bottom:5%;}
	.drive h3 {font-size:50px;}
	.drive p {font-size:14px;}
	span.num {font-size:57px;}
}

@media (max-width:705px) {
	iframe.part-map {width:100%; margin:3% 0%;}
	.drive {width:80%; margin-left:2%; margin-right:0%;}
}

@media (max-width:554px) {
	iframe.part-map {width:100%; margin:3% 0%;}
	.drive {width:75%; margin-left:0%; margin-right:0%;}
	.drive h3 {font-size:50px;}
	span.num {font-size:55px;}
	.drive p {width:90%; font-size:13px; line-height:20px;}
	.drive li {font-size:11px; margin-bottom:10px;}
}

@media (max-width:415px) {
	.drive h3 {font-size:35px; line-height:40px;}
	span.num {font-size:45px;}
	img.star {width:30px;}
}


.org {width:43%; float:right; margin:-8% 0% 4% 5%;}
.org h4 {border:none; text-align:center; margin-bottom:2%;}
.org-row {display:inline-flex;}
.org-col {width:28%; display:inline-block; margin:0% 1%; padding:8px; background-color:#fff; border-radius:2px;}
.org-col img {width:100%; height:100px; object-fit:cover;}
.org-col p {font-size:13px; font-family:Red Hat Display; line-height:15px;}


@media (max-width:1810px) {
	.com-itm {padding:18px 0px 15px 10px;}
	.com-itm img {width:20%;}
	.com-itm a {width:75%; font-size:14px; margin-left:4px;}
}

@media (max-width:1728px) {
	a.a-sec {font-size:18px; letter-spacing:1px; line-height:25px;}
}

@media (max-width:1480px) {
	h2 {font-size:60px;}
	.common h3 {line-height:40px;}
	.org h4 {line-height:30px;}
}

@media (max-width:1322px) {
	a.a-sec {font-size:15px; letter-spacing:2px;}
	aside {width:25%;}
	.right-side {width:20%;}
	article {width:49%;}
	.common {width:100%;}
	.common a {font-size:12px;}
	
	.org h4 {font-size:27px; line-height:28px;}
	.org-row {display:block;}
	.org-col {width:70%; display:block;}
	.org-col p {font-size:11px;}
}

@media (max-width:880px) {
    
    /* BEGIN - NEW NOV 2025 - TWO */
    
      .menu-icon {
    display: block;
  }

  /*.sections-side {
    display: none;
    flex-direction: column;
    margin-top: 10px;
	  text-align:left;
  } */

  #menu-toggle:checked + .menu-icon + .section-side {
    display: flex;
  }
    
    /* END - NEW NOV 2025 */
    
	aside {width:100%; float:none; margin:3% auto;}
	.sections-side {display:none; }
	  #menu-toggle:checked + .menu-icon + .sections-side {
    display: flex; flex-wrap:wrap;
  }
	a.a-sec {display:inline-flex; font-size:16px; margin-right:15px; border:none; border-radius:15px;}
	a.a-sec:hover {}
	.border-top, .border-bottom {border-radius:none!important;}
	iframe.map {display:none;}
	iframe.sec-map {display:block; margin:5% auto; width:100%; border:solid 1px #000; border-radius:5px;}
	.right-side {width:40%; float:right;}
	.right-side h3 {font-size:20px;}
	article {width:50%; float:left;}
	h2 {margin-bottom:5px;}
	
	.fact {width:95%; float:none; margin:10% auto;}
	img.info {width:20%;}
	.fp {width:100%; font-size:16px; font-family:Red Hat Display; line-height:20px; font-weight:300;}
	
	.org {width:100%; float:none; margin:2% 0%;}
	.org h4 {font-size:30px;}
	.org-row {display:block;}
	.org-col {width:90%; display:block; margin:10% auto;}
	.org-col img {height:200px; margin-bottom:-10px; object-fit:cover;}
	.org-col p {font-size:15px; line-height:17px;}
}

@media (max-width:743px) {
	h2 {font-size:45px;}
}

@media (max-width:554px) {
	aside {width:100%; float:none; margin:3% auto;}
.sections-side {display:none; }
	  #menu-toggle:checked + .menu-icon + .sections-side {
    display: flex; flex-wrap:wrap;
  }
	a.a-sec {display:inline-flex; font-size:14px; letter-spacing:1px; margin-right:15px; border:none; border-radius:15px;}
	a.a-sec:hover {}
	.border-top, .border-bottom {border-radius:none!important;}
	iframe.map {display:none;}
	.right-side {width:40%; float:right;}
	article {width:50%; float:left;}
	h2 {font-size:40px; line-height:45px;}
	p {font-size:15px; line-height:23px;}
	
	img.land {width:95%;}
	img.port {width:100%; margin:0%; display:inline-block; object-fit:cover; height:30%;}
}

@media (max-width:430px) {
	.right-side {width:35%;}
	.common {text-align:center;}
	.com-itm {padding:7px;}
	.com-itm img {width:100%; height:70px; float:none; margin:auto;}
	.com-itm a {width:95%; float:none; margin:7px 0px; line-height:12px;}
	.common h3 {font-size:16px; line-height:25px; text-transform:uppercase; letter-spacing:1px;}
	
	
	a.a-sec {font-size:14px; padding:12px 8px;}
	
	article {width:55%;}
	h2 {font-size:35px; text-transform:none;}
}

@media (max-width:391px) {
	.common h3 {font-size:15px; text-transform:none; letter-spacing:0px; line-height:18px;}
}

/* M O D A L --- START */


.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.733);
    margin-top: -1px;
    animation: zoom 0.3s ease-in-out;
}

@keyframes zoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
.modal img {
    height: 70%;
    object-fit: cover;
}

.closeBtn {
    color: rgba(255, 255, 255, 0.87);
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.closeBtn:hover {
    color: rgb(255, 255, 255);
}


@media (max-width:870px) {
	.modal img {height: 45%;}
}

@media (max-width:550px) {
	.modal img {height: 35%;}
}

details.hid {display:block;}
summary.hid-summ {display:block; font-size:12px; font-family:Red Hat Display; margin-top:22px; transition:transform 1s; cursor:pointer;}
summary.hid-summ img {width:16px; transition:transform 1s;}
details.hid:hover img {transform:rotate(180deg);}

@media (max-width:1259px) { 
	summary.hid-summ {font-size:11px;}
}

/* M O D A L --- END */

.content {
	width: 72%;
	float: left;
	background: #fff;
	padding: 0% 3%;
	border-radius: 13px;
	margin-top: 2.3%;
}

.content p {font-size:20px; line-height:45px;}
.content img {width:100%;}
.content-img-l {width:30%; float:left; margin:1% 2% 0% 0%; box-shadow:1px 1px 10px #BFBFBF;}
.content-img-r {width:25%; float:right; margin:1% 0% 2% 2%; box-shadow:1px 1px 10px #BFBFBF;}
.img-cap {margin-top:-6px; padding:14px; background:#28972C; font-size:11px; font-family:Red Hat Display; color:#E2E2E2;}
.content h3 {font-size:35px; font-family:Red Hat Display; color:#28972C; font-weight:400; line-height:55px;}

.content a {color:#6D9859; text-decoration:none;}
.content a:visited {color:#8D9859; text-decoration:none;}
.content a:hover {color:#6D9859; text-decoration:underline;}
.content a:active {color:#8D9859; text-decoration:underline;}

@media (max-width:1470px) {
	.content p {font-size:17px; line-height:40px;}
}

@media (max-width:1770px) {
	.img-cap {font-size:9px}
}

@media (max-width:880px) {
	.content {width:50%; padding:0% 0%; margin-top:0%; background:none;}
	.content p {font-size:16px; line-height:30px;}
	.content-img-l {width:40%; margin:5px 10px 0px 0px;}
	.content-img-r {width:35%; margin:5px 0px 10px 10px;}
	.full-width {width:100%!important;}
}

@media (max-width:720px) {
	.img-cap {font-size:10px;}
}

@media (max-width:550px) {
	.content-img-l {width:100%; margin:4% 0%;}
	.content-img-r {width:100%; margin:4% 0%;}
	.img-cap {font-size:12px;}
}

section a {color:#000; text-decoration:underline;}
section a:visited {color:#679333; text-decoration:underline;}
section a:hover {text-decoration:none;}
section a:active {color:#fff;}

img.para {width:65%; margin:1% 0%; border-radius:1px; box-shadow:1px 1px 10px #919191;}
img.para-portrait {width:30%; float:right; margin:0% 0% 1% 1%; border-radius:1px; box-shadow:1px 1px 10px #919191;}
small {font-size:11px; font-family:Red Hat Display; color:#4C4C4C; display:block; margin-top:-8px;}

@media (max-width:600px){
    img.para {width:100%; margin:2% 0%;}
}

		.psf-hm {transform:translate(0%, 345%); background:linear-gradient(to left, rgba(100, 0, 0, 0.3), rgba(0, 40, 0, 0.8)), url("img/Penn/oswego-lake-grasses.jpg"); background-size:100%; background-position:center, left;}
		
		.search {text-align:right;}
		
		input[type=text].s-bar {width:70%; font-size:12px; font-family:Red Hat Display; color:#A3A3A3; font-weight:300; letter-spacing:1px; padding:12px 10px; background:#F6F6F6; border:solid 1px #F6F6F6; border-radius:6px; box-shadow:4px 4px 60px #8F8F8F; outline:none;}
				input[type=text].s-bar:focus {outline:none; border:solid 1px #fff;}

		button.go {font-size:14px; font-family:Red Hat Display; color:#B7B7B7; padding:12px 20px; background:#F3F3F3; border:none; border-radius:6px; box-shadow:4px 4px 60px #707070;}


.gsc-control-cse {
    background-color: transparent!important;
    border: 0 !important;
    margin-left:auto;
	width: 60% !important;
}
form.gsc-search-box,
table.gsc-search-box {

}
.gcse-search-box {

}
.gcse-search-box-tools .gcse-search-box .gcse-input {

		border-radius:6px;
}
#gs_tti50 {

}
#gsc-i-id1 {
    background: none !important;
font-size:12px !important; 
	font-family:Red Hat Display !important; 
	color:#A3A3A3 !important; 
	font-weight:300 !important; 
	padding:0px 0px !important; 

}
#gsc-i-id1::-webkit-input-placeholder {
    color: #A3A3A3 !important;
	font-size:12px !important;
	font-family:Red Hat Display !important;
	letter-spacing:1px;
	border-radius:6px;
	font-weight:300;
		padding:0 !important;
}
#gsc-i-id1::-as-input-placeholder {
    color: #A3A3A3;
		font-size:12px !important;
		font-family:Red Hat Display !important;
		letter-spacing:1px;
		font-weight:300;
		padding:0 !important;
}
#gsc-i-id1::-moz-placeholder {
    color: #A3A3A3;
		font-size:12px !important;
		font-family:Red Hat Display !important;
		letter-spacing:1px;
		font-weight:300;
    opacity: .5;
		padding:0 !important;
}
#gsc-i-id1::-moz-placeholder {
    color: #A3A3A3;
		font-size:12px !important;
		font-family:Red Hat Display !important;
		letter-spacing:1px;
		font-weight:300;
    opacity: .5;
		padding:0 !important;
}
.gsib_b {
    display: none !important;
		padding:0 !important;
}

.gsc-search-button {
	background:#fff
		!important; 
	border:solid 1px #F6F6F6 !important; 
	border-radius:6px !important; 
	box-shadow:4px 4px 60px #B6B6B6 !important; 
	outline:none !important;
	padding:0px 0px !important;
	margin-left:-3px !important;

}

.gsc-search-button-v2 {
   font-size:14px !important; font-family:Red Hat Display !important; color:#B7B7B7 !important; padding: 10px 33px !important; background:#fff !important; border:none !important; border-radius:6px !important; box-shadow:4px 4px 60px #B6B6B6 !important; cursor:pointer !important; outline:none !important; 
}
.gsc-search-button-v2,gsc-search-button-v2: hover {
    cursor: pointer;
		padding:0 !important;
}
.gsc-search-button-v2,gsc-search-button-v2: hover {
    background-color: transparent !important;
    background-image: none !important;
		padding:0 !important;
}
.gsc-search-button -v2:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-image: none !important;
		padding:0 !important;
}
.gsc-search-button -v2:focus {
    outline: none !important;
    box-shadow: none !important;
	padding:0 !important;
}

.gsc-input-box {
	padding:5px 10px !important; 
	background:#F6F6F6 !important; 
	border:solid 1px #F6F6F6 !important; 
	border-radius:6px !important; 
	box-shadow:4px 4px 60px #8F8F8F !important; 
	outline:none !important;
}

#___gcse_0 {text-align:right;}

.gsc-search-button-v2 svg {fill:#A9A9A9 !important;}

@media (max-width:770px) {
	header {text-align:center !important; padding:30px 0px;}
	
	img.logo {width:50%; margin:5px auto;}
	.head-right {width:70%; margin:10px auto!important; float:none;}
	.head-lnks {text-align:center !important; margin:7px;}
	
	.gsc-control-cse {width:100% !important;}
}

section.areas_ {margin-top:20%;}
section.areas_ h3 {font-size:50px; font-weight:300; text-transform:uppercase; letter-spacing:0px !important; padding:4px 6px 0px 3px; background:#D2FFAA; border-bottom:solid 3px #0B9D00; width:40%; float:right; margin-top:10%; text-align:right;}
.can-col {width:50%; float:left;}
.can-col-e {width:50%; clear:both;}

@media (max-width:1300px) {
    .can-col-e {width:90%;}
}

@media (max-width:1000px) {
    .can-col-e {width:1-0%;}
}

.canvs {width:90%; height:150px; display:block; margin:5% 10% 10% 5%; padding:20px; border-radius:15px; position:relative; box-sizing:content-box; box-shadow:4px 2px 50px #979797; -webkit-transition:opacity 1s; opacity:1;}
.canvs:hover {transition:opacity 1s; opacity:0;}
.canv-nme {font-size:40px; font-family:Thorup-Sans; color:#fff; letter-spacing:1px; bottom:3%; right:7%; text-align:right; position:absolute;}

@media (max-width:1300px) {
    .can-col-e {width:90%;}
}

@media (max-width:1000px) {
    .can-col-e {width:1-0%;}
}

@media (max-width:600px) {
    .canv-nme {font-size:35px;}
}

#pakim-pond_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Brendan-T-Byrne-State-Forest/pakim-pond.jpg"); background-size:cover; background-position:bottom, center;}
#cedar-forests_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Brendan-T-Byrne-State-Forest/thick-cedar-forest.jpg"); background-size:cover; background-position:bottom, center;}
#meteorological-winter_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Brendan-T-Byrne-State-Forest/after-civil-twilight2.jpg"); background-size:cover; background-position:bottom, center;}
#devils-hairbrush_ {background:radial-gradient(rgba(13,35,0,0.40), rgba(0,0,0,0.40)), url("../img/Brendan-T-Byrne-State-Forest/devils-hairbrush-swamp2.jpg"); background-size:cover; background-position:bottom, center;}
#open-swamp_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Brendan-T-Byrne-State-Forest/cedar-remains.jpg"); background-size:cover; background-position:bottom, center;}
#cedar-irrigation-system_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Brendan-T-Byrne-State-Forest/water-flow-refracted-by-gravel-and-rocks.jpg"); background-size:cover; background-position:bottom, center;}
#unique-cedar-irrigation-features_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Brendan-T-Byrne-State-Forest/fallen-cedar-trees-also-attribute-to-cedar-ponds.jpg"); background-size:cover; background-position:bottom, center;}
#meteorological-summer_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Brendan-T-Byrne-State-Forest/man-made-swamp-collects-water.jpg"); background-size:cover; background-position:bottom, center;}
#mushrooms_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Brendan-T-Byrne-State-Forest/mushroom3.jpg"); background-size:cover; background-position:bottom, center;}
#high-point_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Brendan-T-Byrne-State-Forest/the-trees-avoid-that-lost-area.jpg"); background-size:cover; background-position:bottom, center;}

#chatsworth-lake_ {background:radial-gradient(rgba(4,64,0,0.20), rgba(0,25,3,0.20)), url("../img/Franklin-Parker-Preserve/foggy-lush-forest.jpg"); background-size:cover; background-position:bottom, center;}
#uplands_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Franklin-Parker-Preserve/bushes-growing-back-after-fire.jpg"); background-size:cover; background-position:30% 70%;}
#swamp_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Franklin-Parker-Preserve/pitch-island-in-front-of-swamp.jpg"); background-size:cover; background-position:30% 70%;}
#foggy-cedar-swamp_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Franklin-Parker-Preserve/foggy-fpp-edge.jpg"); background-size:cover; background-position:30% 70%;}
#north-january_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Franklin-Parker-Preserve/snow-creek.jpg"); background-size:cover; background-position:30% 70%;}
#dec-2024_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Franklin-Parker-Preserve/fpp-snow.jpg"); background-size:cover; background-position:30% 70%;}
#resilient-trees_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Franklin-Parker-Preserve/group-of-pitch-skeletons.jpg"); background-size:cover; background-position:30% 60%;}
#oswego_ {background:radial-gradient(rgba(13,35,0,0.40), rgba(0,0,0,0.40)), url("../img/Penn/a-fall-day-at-oswego-lake.jpg"); background-size:cover; background-position:30% 70%;}
#oak-cedar-forest_ {background:radial-gradient(rgba(13,35,0,0.40), rgba(0,0,0,0.40)), url("../img/Penn/oak-cedar-pond.jpg"); background-size:cover; background-position:30% 70%;}
#grassy-forest_ {background:radial-gradient(rgba(13,35,0,0.40), rgba(0,0,0,0.40)), url("../img/Penn/grassy-young-pitch-pine-forest.jpg"); background-size:cover; background-position:30% 70%;}
#fluctuating-density_ {background:radial-gradient(rgba(13,35,0,0.40), rgba(0,0,0,0.40)), url("../img/Penn/scrub-pines-growing-in-very-low-nutrient-sand-soil.jpg"); background-size:cover; background-position:30% 70%;}


#huckleberry_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Wharton-State-Forest/berryless-huckleberry.jpg"); background-size:cover; background-position:30% 70%;}
#deepwoods_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Wharton-State-Forest/webbed-stump.jpg"); background-size:cover; background-position:30% 20%;}
#sapling_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Wharton-State-Forest/medium-shot-sapling.jpg"); background-size:cover; background-position:30% 60%;}
#lower-cedar-branch_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Wharton-State-Forest/many-trees-fall-by-roots-creating-a-hole-for-new-ponds.jpg"); background-size:cover; background-position:30% 60%;}
#hawkins-bridge_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Wharton-State-Forest/hawkins-bridge-pond-front.jpg"); background-size:cover; background-position:30% 60%;}
#friendship-historic-ruins_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Wharton-State-Forest/friendship-historic-ruins-plain.jpg"); background-size:cover; background-position:30% 60%;}
#old-growth-swampland_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Wharton-State-Forest/old-growth-swampland2.jpg"); background-size:cover; background-position:30% 60%;}

section.areas_ a {text-decoration:none;}



section.h-areas_ {margin-top:78%;}
section.h-areas_ h3 {font-size:60px; font-weight:300; text-transform:uppercase; letter-spacing:0px !important; padding:4px 6px 0px 3px; background:#D2FFAA; border-bottom:solid 3px #0B9D00; width:20%; float:right; margin-top:1%; margin-right:2%; text-align:right;}
.h-can-col {width:75%; float:left;}
.h-canvs {width:25%; height:150px; display:inline-flex; margin:0% .2% 2% 2%; padding:50px; border-radius:5px; position:relative; box-sizing:content-box; box-shadow:4px 2px 50px #979797; -webkit-transition:opacity 1s; opacity:1; text-decoration:none;}
.h-canvs:hover {transition:opacity 1s; opacity:0;}
.h-canv-nme {font-size:60px; font-family:Thorup-Sans; color:#fff; letter-spacing:1px; bottom:25%; right:7%; text-align:right; position:absolute;}
.h-canv-p {font-size:14px; font-family:Red Hat Display; color:#fff; letter-spacing:0px; bottom:10%; right:7%; text-align:right; position:absolute; text-overflow:ellipsis;}
#h-pakim-pond_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/pakim-pond.jpg"); background-size:cover; background-position:bottom, center;}
#h-devils-hairbrush_ {background:radial-gradient(rgba(13,35,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/devils-hairbrush-swamp2.jpg"); background-size:cover; background-position:bottom, center;}
#h-swamps_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/grass-island.jpg"); background-size:cover; background-position:bottom, center;}
#h-huckleberry-trail_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/mature-huckleberry.jpg"); background-size:cover; background-position:bottom, center;}
#h-deep-woods_ {background:radial-gradient(rgba(13,35,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/berryless-bush.jpg"); background-size:cover; background-position:bottom, center;}
#h-sapling-spot_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/lone-sapling.jpg"); background-size:cover; background-position:bottom, center;}
#h-sooy-preserve_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/blackgum-leaves.jpg"); background-size:cover; background-position:bottom, center;}
#h-michael-huber-preserve_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/aged-cedar-tree.jpg"); background-size:cover; background-position:bottom, center;}
#h-friendship-historic-ruins_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/friendship-historic-ruins-plain.jpg"); background-size:cover; background-position:bottom, center;}
#h-high-point_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/cloudy-afternoon-at-high-point.jpg"); background-size:cover; background-position:bottom, center;}
#h-cedar-irrigation-system_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/cedar-reservoir-canal.jpg"); background-size:cover; background-position:bottom, center;}
#h-cedar-forests_ {background:radial-gradient(rgba(54,147,0,0.40), rgba(0,0,0,0.40)), url("../img/Home/fpp-edge-swamp-cedar.jpg"); background-size:cover; background-position:bottom, center;}



section.h-areas_ a {text-decoration:none;}

@media (max-width:2250px) {
	.h-canvs {width:23%;}
}

@media (max-width:2400px) {
	section.h-areas_ {margin-top:81%;}
}

@media (max-width:2300px) {
	section.h-areas_ {margin-top:85%;}
}

@media (max-width:2200px) {
	section.h-areas_ {margin-top:89%;}
}

@media (max-width:2100px) {
	section.h-areas_ {margin-top:93%;}
}

@media (max-width:2000px) {
	section.h-areas_ {margin-top:100%;}
}


@media (max-width:1900px) {
	section.h-areas_ {margin-top:105%;}
}

@media (max-width:1800px) {
	.h-canvs {width:21%;}
	.h-canv-nme {font-size:50px;}
	.h-canv-p {font-size:12px;}
	section.h-areas_ {margin-top:110%;}
}

@media (max-width:1700px) {
	section.h-areas_ {margin-top:118%;}
	.h-canvs {width:35%; margin-right:1%; display:inline-block;}
}

@media (max-width:1600px) {
	section.h-areas_ {margin-top:125%;}
	.h-canvs {width:35%; margin-right:1%; display:inline-block;}
}

@media (max-width:1500px) {
	section.h-areas_ {margin-top:135%;}
	.h-canvs {width:35%; margin-right:1%; display:inline-block;}
}

@media (max-width:1400px) {
	section.h-areas_ {margin-top:145%;}
	.h-canvs {width:33%; margin-right:1.2%; display:inline-block;}
		.h-canv-nme {font-size:43px;}
	.h-canv-p {font-size:11px;}
	section.h-areas_ h3 {font-size:50px;}
}

@media (max-width:1300px) {
		section.h-areas_ {margin-top:155%;}
	.h-can-col {width:95%; float:none; clear:both;}
	.h-canvs {width:35%; margin-right:.5%; display:inline-block;}
			.h-canv-nme {font-size:50px;}
	.h-canv-p {font-size:13px;}
	section.h-areas_ h3 {font-size:50px; width:40%; float:left;}
}

@media (max-width:1200px) {
		section.h-areas_ {margin-top:170%;}
}

@media (max-width:1100px) {
		section.h-areas_ {margin-top:115%;}
	.h-can-col {width:95%;}
	.h-canvs {width:32%; margin-right:.5%; display:inline-block;}
			.h-canv-nme {font-size:50px;}
	.h-canv-p {font-size:11px;}
	section.h-areas_ h3 {font-size:50px; width:40%; float:left;}
}

@media (max-width:1000px) {
		section.h-areas_ {margin-top:130%;}
	.h-can-col {width:95%; }
	.h-canvs {width:29%; margin-right:.5%; display:inline-block;}
			.h-canv-nme {font-size:45px; bottom:50%;}
	.h-canv-p {font-size:13px; bottom:20%;}
	section.h-areas_ h3 {font-size:50px; width:40%; float:left;}
}

@media (max-width:900px) {
				section.h-areas_ {margin-top:145%;}
	.h-canvs {width:22%; margin-right:1%; text-align:center;}
	.h-canv-nme {font-size:31px;}
	
}

@media (max-width:800px) {
				section.h-areas_ {margin-top:165% !important;}
	.h-can-col {float:none; margin:auto;}
	.h-canvs {width:70%; margin:6% auto; text-align:center; display:block;}
	.h-canv-nme {font-size:45px; bottom:25%;}
	.h-canv-p {font-size:12px; bottom:8%;}
	
}


@media (max-width:700px) {
					section.h-areas_ {margin-top:190% !important;}
	.h-canvs {width:50%; margin:9% auto; display:block;}
	.h-canv-nme {bottom:35%; font-size:35px;}
}

@media (max-width:600px) {
					section.h-areas_ {margin-top:15% !important;}
}

.nmob {display:block;}

@media (max-width:881px) {
   .nmob {display:none;} 
}


footer {font-family:Red Hat Display; margin-top:50%; clear:both; margin:50% -8px 0px -8px; padding:5% 0% 1% 0%; background-color:#BADCC1;}

.foot-col {width:15%; margin:0% 4% 5% 4%; display:inline-block;}
.foot-col a {display:block; margin-bottom:7px; font-size:16px; color:#74A97E; text-decoration:none;}

.copy {font-size:14px; font-family:Red Hat Display; clear:both;}

@media (max-width:1000px) {
	.foot-col {width:40%; margin:5% 4%; text-align:right;}
}

@media (max-width:600px) {
	.foot-col {width:80%; margin:5% 2%; text-align:left;}
}