/* Hero Section */
div#container main.pagecontent section.hero {background-position:top center;}
div#container main.pagecontent section.hero div.grid {min-height:95vh; min-height:90vh; min-height:30vh;/*  padding-bottom:0; */}
div#container main.pagecontent section.hero div.grid h1.head {color:var(--green); font-size:3.75rem; margin-top:4rem;}
div#container main.pagecontent section.hero div.grid h2.head {color:black; font-size:2.75rem; font-weight:300; margin:0;}
div#container main.pagecontent section.hero div.grid p.textcopy {color:var(--darkgrey); font-size:1.75rem; font-weight:300;}
div#container main.pagecontent section.hero div.grid div.ctabox {grid-gap:.125rem 1rem; margin-top:1rem;}
div#container main.pagecontent section.hero div.grid div.ctabox a.btn {background-color:var(--black); color:white; font-size:1.5rem; text-decoration:none; transition:.125s;}
div#container main.pagecontent section.hero div.grid div.ctabox a.btn {min-width:9em; padding:.625em 1.5em; border-radius:var(--cornersize); border-color:var(--black);}
div#container main.pagecontent section.hero div.grid div.ctabox a.btn.primary {background-color:var(--green); color:var(--black); border-color:var(--green);}
div#container main.pagecontent section.hero div.grid div.ctabox a.btn span.caption {text-transform:uppercase; /* margin-left:.5rem; */ margin-top:.15rem;}
div#container main.pagecontent section.hero div.grid div.vidbox {position:relative; /* margin-top:4rem; */}
div#container main.pagecontent section.hero div.grid div.vidbox video.reelvid {display:block; max-width:100%; border-radius:.75em; border-radius:75em; margin:0 auto;}
div#container main.pagecontent section.hero div.grid div.vidbox div.playbtn {display:none;}
div#container main.pagecontent section.hero div.grid div.vidbox div.playbtn {background-color:var(--whiteglass); /* background-color:var(--whitesheet2); */ cursor:pointer; border-radius:50em;}
div#container main.pagecontent section.hero div.grid div.vidbox div.playbtn {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
div#container main.pagecontent section.hero div.grid div.vidbox div.playbtn svg.icon {display:block; color:white; font-size:8em; transform:translateX(.05em);}


/* Double Panel Section */
/* div#container main.pagecontent section.bipanel {} */
div#container main.pagecontent section.bipanel div.grid {display:grid; grid-template-columns:2fr 1fr; grid-template-columns:repeat(2,1fr); /* grid-gap:1rem; */}
/* div#container main.pagecontent section.bipanel div.grid {display:flex; flex-direction:row; justify-content:center;} */
div#container main.pagecontent section.bipanel.flip div.grid {direction:rtl; /* flex-direction:row-reverse; */}
div#container main.pagecontent section.bipanel div.grid div.side {display:flex; flex-direction:column; justify-content:center; align-items:center;}
div#container main.pagecontent section.bipanel div.grid div.side.text {direction:ltr; padding:0 3rem;}
div#container main.pagecontent section.bipanel div.grid div.side.text h2.welcome {color:white; font-size:2.125rem; text-align:center; margin:0;}
div#container main.pagecontent section.bipanel div.grid div.side.text p.textcopy {color:var(--ltgrey); font-size:1.75rem; text-align:center; margin:0; margin-top:.5rem;}
div#container main.pagecontent section.bipanel div.grid div.side.text p.textcopy.sm {color:var(--grey,grey); font-size:1.5rem; /* line-height:1.75; */}
div#container main.pagecontent section.bipanel div.grid div.side.text p.textcopy span.highlight {color:var(--green); display:inline-block; /* animation:pumping 2s ease infinite; */ margin-left:.125rem;}
div#container main.pagecontent section.bipanel div.grid div.side.media div.photogrid {display:grid; place-items:center; grid-gap:1.25rem; /* width:100%; */}
div#container main.pagecontent section.bipanel div.grid div.side.media div.photogrid.g2 {grid-template-columns:repeat(2,1fr);}
div#container main.pagecontent section.bipanel div.grid div.side.media div.photogrid.g5 {grid-template-columns:repeat(5,1fr);}
div#container main.pagecontent section.bipanel div.grid div.side.media div.photogrid.g5 img.mediaitem {border-radius:75em;}
div#container main.pagecontent section.bipanel div.grid div.side.media div.photogrid img.mediaitem {max-height:15rem;}
div#container main.pagecontent section.bipanel div.grid div.side.media img.mediaitem,
div#container main.pagecontent section.bipanel div.grid div.side.media video.mediaitem {display:block; max-height:24rem; max-width:100%; border-radius:.75em;}
div#container main.pagecontent section.bipanel div.grid div.side.media video.mediaitem {border-radius:75em;}
/* Double Panel Section: CTA Section */
/* div#container main.pagecontent section.bipanel div.grid div.ctabox {} */
div#container main.pagecontent section.bipanel div.grid div.ctabox a.btn {margin-top:1em;}


/* Triple Panel Section */
/* div#container main.pagecontent section.tripanel {} */
div#container main.pagecontent section.tripanel div.grid {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:1.75rem 1.25rem; padding:0 2rem;}
div#container main.pagecontent section.tripanel div.grid div.item {display:flex; flex-direction:column; align-items:center;}
div#container main.pagecontent section.tripanel div.grid div.item {font-size:1em; /* text-align:center; */}
/* div#container main.pagecontent section.tripanel div.grid div.item.t {justify-content:flex-start; padding:1rem;} */
/* div#container main.pagecontent section.tripanel div.grid div.item.n {padding:1rem 2rem;} */
div#container main.pagecontent section.tripanel div.grid div.item svg.icon {color:var(--green); font-size:5em; margin-bottom:1.25rem;}
div#container main.pagecontent section.tripanel div.grid div.item span.title {font-size:1.75em; /* font-size:2em; */ font-weight:bold;}
div#container main.pagecontent section.tripanel div.grid div.item span.title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div#container main.pagecontent section.tripanel div.grid div.item span.caption {color:grey; font-size:.875em; font-size:1.5em; /* white-space:nowrap; */ padding:0 2.5rem;}






@media screen and (max-width:64rem) {
	
	/* Hero Section */
	/* div#container main.pagecontent section.hero {} */
	/* div#container main.pagecontent section.hero div.grid {} */
	div#container main.pagecontent section.hero div.grid h1.head {font-size:2.75rem;}
	div#container main.pagecontent section.hero div.grid p.textcopy {font-size:1.5rem;}

	/* Double Panel Section */
	/* div#container main.pagecontent section.bipanel {} */
	/* div#container main.pagecontent section.bipanel div.grid {grid-template-columns:1fr;} */
	div#container main.pagecontent section.bipanel div.grid {display:flex; flex-direction:column/* -reverse */; align-items:stretch; grid-gap:1rem;}
	
	/* Triple Panel Section */
	/* div#container main.pagecontent section.tripanel {} */
	div#container main.pagecontent section.tripanel div.grid {display:flex; flex-flow:row wrap; justify-content:center;}
	div#container main.pagecontent section.tripanel div.grid div.item {flex-basis:45%; flex-shrink:1; /* flex-grow:1; */}
	/* div#container main.pagecontent section.tripanel div.grid div.item svg.icon {font-size:4em;} */
}


@media screen and (max-width:40rem) {

	/* Hero Section */
	/* div#container main.pagecontent section.hero {} */
	/* div#container main.pagecontent section.hero div.grid {} */

	/* Double Panel Section */
	/* div#container main.pagecontent section.bipanel {} */
	/* div#container main.pagecontent section.bipanel div.grid {} */

	/* Triple Panel Section */
	/* div#container main.pagecontent section.tripanel {} */
	/* div#container main.pagecontent section.tripanel div.grid {} */
}


@media screen and (max-width:36rem) {

	/* Hero Section */
	/* div#container main.pagecontent section.hero {} */
	/* div#container main.pagecontent section.hero div.grid {} */

	/* Double Panel Section */
	/* div#container main.pagecontent section.bipanel {} */
	/* div#container main.pagecontent section.bipanel div.grid {} */

	/* Triple Panel Section */
	/* div#container main.pagecontent section.tripanel {} */
	/* div#container main.pagecontent section.tripanel div.grid {display:grid; grid-template-columns:repeat(1,1fr);} */
	div#container main.pagecontent section.tripanel div.grid {flex-flow:column nowrap;}
	div#container main.pagecontent section.tripanel div.grid div.item {font-size:.875em;}
	div#container main.pagecontent section.tripanel div.grid div.item svg.icon {margin-bottom:.5rem;}
}


@media screen and (max-width:24rem) {
	
	/* Hero Section */
	/* div#container main.pagecontent section.hero {} */
	/* div#container main.pagecontent section.hero div.grid {} */
	div#container main.pagecontent section.hero div.grid h1.head {font-size:2.375rem;}
	div#container main.pagecontent section.hero div.grid p.textcopy {font-size:1.25rem;}

	/* Double Panel Section */
	/* div#container main.pagecontent section.bipanel {} */
	/* div#container main.pagecontent section.bipanel div.grid {} */

	/* Triple Panel Section */
	/* div#container main.pagecontent section.tripanel {} */
	/* div#container main.pagecontent section.tripanel div.grid {} */
}