@charset "utf-8";
/*
WCAG GREEN LARGE TEXT >>> #619600 *lrg only | ZOO GREEN SMALL TEXT >>> #558300| ZOO GREEN ACCENT BORDER >>>#92C745
*/
html,body{ FONT-FAMILY: 'wigrum', 'Libre Franklin', Arial, Helvetica, SansSerif; padding:0px; margin:0px; background-color:#fff;  text-align:center; font-size: 12px;  scroll-behavior: smooth;}

@font-face {
    font-family: wigrum;
    src: url("/terralumina/Wigrum-Medium.otf") format("opentype");
}
/*#lnavbar {display:block; background-color:black; opacity:0; width:100%; height:60px; position:fixed; z-index:200;}*/

.clear{ clear:both;}
.cen{ text-align:center; margin:0 auto;}
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;} 
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.spacer {height:35px;}
.vidsize { width:40%; max-width:800px;}
.displaythis, .displaythis2, .displaythis3 {display: none; }
.holder {min-height:1080px; position:relative; background-position:center; max-width: 1080px; display: inline-flex; justify-content: space-between; flex-wrap: wrap;  font-size: 18px; line-height: 32px; }
.lcol {color:#000; width:100%; max-width: 65%; text-align: justify; display: inline-block; vertical-align: top;}
.rcol {color:#000; width:100%; max-width: 32%; text-align: justify; display: inline-block; vertical-align: top;}
.progressbar { border: 1px #000 solid;  border-radius:12px;}
.point { background-position:top left; background-repeat:no-repeat; padding:0 0 20px 50px;}

 .btn { border: none; color: white; text-align: center; transition: 0.3s; text-decoration: none; width:100%; display: block;  background-color: #104940; border-radius:12px;}
.btnpad { padding: 12px 0; display: block;}
.btn:hover { background-color: white; color: black; box-shadow: 0 0 5px #fff, 0 0 10px #e17e54, 0 0 20px #e17e54, 0 0 30px #e17e54;}

@media only screen and (max-width:1685px) {
	.spacer { height: 105px; }
	.lcol{ padding: 0 22px; box-sizing: border-box; }
	.vidsize { width:50%; max-width:50%;}
}

@media only screen and (max-width:1285px) {
	.spacer { height: 75px;  }
	.vidsize { width:70%; max-width:70%;}
}

@media only screen and (max-width:985px){
	.spacer {height:50px;}
    .vidsize { width:80%; max-width:80%;}
	.holder {min-height:1080px; position:relative; background-position:center; max-width: 1080px; display: inline-block; justify-content: space-between; flex-wrap: wrap;  font-size: 18px; line-height: 32px; }
.lcol {max-width: 90%;}
.rcol {width:100%; max-width: 90%; }
}

@media only screen and (max-width:685px){
	.spacer {height:20px;}
}

@media only screen and (max-width:542px){
	#lnavbar {height:65px;}
    #lumlogo {width:100%; max-width:200px;}
}