body {
	top: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color:#ffffff;}

@font-face {
	font-family: unt;
	src:url(fonts/untspirit.ttf)}
@font-face {
	font-family: verbregular;
	src:url(fonts/VerbRegular.otf)}
@font-face {
	font-family: verbregularital;
	src:url(fonts/VerbRegular-Italic.otf)}
@font-face {
	font-family: verbbold;
	src:url(fonts/VerbBold.otf)}
@font-face {
	font-family: verbboldital;
	src:url(fonts/VerbBold-Italic.otf)}
@font-face {
	font-family: verbexcondultra;
	src:url(fonts/VerbExCondUltra.otf)}

p {
	font-family: verbregular, sans-serif;
	color:#000000;
	font-size: 15px;
	line-height: 21px;
	text-align:left;}

h2 {
	font-family: verbregular, serif;
	color:#000000;
	font-size: 21px;
	line-height: 21px;
	margin-top: 0px;
	text-align:left;}
h3 {
	font-family: verbregular, serif;
	color:#000000;
	font-size: 17px;
	line-height: 17px;
	text-transform: uppercase;
	margin-bottom: 6px;
	text-align:left;}
h4 {
	font-family: verbregular, sans-serif;
	color:#000000;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:left;}

ul {
	font-family: verbregular, sans-serif;
	color:#000000;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:left;}
ol {
	font-family: verbregular, sans-serif;
	color:#000000;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:left;}

a.textlinks {
	font-family:verbbold, sans-serif;
	color: #005000;
	font-size: 15px;
	line-height: 21px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	text-decoration: underline;}
a.registration {
	text-decoration: none;}
h5.white {
	font-family: verbregular, sans-serif;
	color: #005a00;
	font-size: 16px;
	text-align: center;
	margin: 0px;
	padding: 7px 20px;
	text-decoration: none;}
h5.white:hover {
	color: #ffffff;}
h5.lime {
	font-family: verbregular, sans-serif;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	margin: 0px;
	padding: 7px 20px;
	text-decoration: none;}
h5.lime:hover {
	color: #ffffff;}

h6 {
	font-family: verbregular, sans-serif;
	color:#82c120;
	font-size: 13px;
	margin: 5px 0px;
	text-align:center;}
a.sublinks {
	font-family:verbregular, sans-serif;
	color: #82c120;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	margin: 0px 15px;
	text-decoration: underline;}
a.sublinks:hover {
	color: #ffffff;}

.floatright {
	float:right;
	margin-left: 2px;
	margin-right: 0px;
	margin-bottom: 0px;}
.floatleft {
	float:left;
	margin-right: 15px;
	margin-left: 0px;
	margin-bottom: 0px;}


@media all and (min-width:1351px) {
	#divingeagle {
		top: 0px;
		right:2px;
		position:fixed;
		z-index:999;}	}
@media all and (max-width:1350px) {
	#divingeagle {display: none;}	}

#mainimage {
	left: 0px;
	margin: auto;
	width: 100%;
	position:relative;
	background: #000000;
	z-index:2;}

#button-left:hover {
	background-color: #059033;}
#button-right:hover {
	background: #059033;}

.sectionbuttonwhite {
	box-sizing: border-box;
	width: 100%;
	margin-top:12px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #005a00;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
	z-index: 4;
	border-radius: 8px;}
.sectionbuttonlime:hover {
	background: #059033;}
.sectionbuttonlime {
	box-sizing: border-box;
	width: 100%;
	margin-top:12px;
	text-align: center;
	background: #82c120;
	border: 1px solid #005a00;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
	z-index: 4;
	border-radius: 8px;}
.sectionbuttonwhite:hover {
	background: #059033;}

.dotbar {
	left: 0px;
	width: 100%;
	height: 8px;
	background: url(images/dotbar.png);
	background-position: bottom;}


.containerlime {
	width: 100%;
	margin: auto;
	background: #82c120;}
.wrap {
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;}
.imageleft{
	order: 1;
	flex: 1 1 260px;
	padding: 10px 10px;}
.textright {
	order: 2;
	align-self: center;
	flex: 2.5 1 300px;
	padding: 10px 10px}

.containerwhite {
	width: 100%;
	margin: auto;
	background: #ffffff;}
.wrapreverse {
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap-reverse;}
.imageright{
	order: 2;
	flex: 1 1 260px;
	padding: 10px 10px;}
.textleft {
	order: 1;
	align-self: center;
	flex: 2.5 1 300px;
	padding: 10px 10px}

.containercontact {
	width: 100%;
	margin: auto;
	background: #ffffff;}
.contactinfo {
	order: 1;
	flex: 1 1 100%;
	padding: 0px 10px;}
.contact1{
	order: 2;
	flex: 1 1 200px;
	padding: 0px 5px 10px 10px;
	margin: 5px 10px;
	background: #82c120;
	border: 1px solid #005a00;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
	border-radius: 8px;}
.contact2 {
	order: 3;
	align-self: center;
	flex: 1 1 200px;
	padding: 0px 5px 10px 10px;
	margin: 5px 10px;
	background: #82c120;
	border: 1px solid #005a00;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
	border-radius: 8px;}

@media all and (min-width:1280px) {
	.containerlime {padding: 40px 0px;}
	.wrap {width: 1250px;}
	.containerwhite {padding: 40px 0px;}
	.wrapreverse {width: 1250px;}
	.containercontact {padding: 40px 0px;}
}
@media all and (min-width:1024px) and (max-width:1279px) {
	.containerlime {padding: 40px 0px;}
	.wrap {width: 90%;}
	.containerwhite {padding: 40px 0px;}
	.wrapreverse {width: 90%;}
	.containercontact {padding: 40px 0px;}
}
@media all and (min-width:800px) and (max-width:1023px) {
	.containerlime {padding: 25px 0px;}
	.wrap {width: 100%;}
	.containerwhite {padding: 25px 0px;}
	.wrapreverse {width: 100%;}
	.containercontact {padding: 25px 0px 30px 0px}
}
@media all and (min-width:640px) and (max-width:799px) {
	.containerlime {padding: 10px 0px;}
	.wrap {width: 100%;}
	.containerwhite {padding: 10px 0px;}
	.wrapreverse {width: 100%;}
	.containercontact {padding: 20px 0px;}
}
/*START OF MOBILE*/
@media all and (min-width:540px) and (max-width:639px) {
	.containerlime {padding: 10px 0px;}
	.wrap {width: 100%;}
	.containerwhite {padding: 10px 0px;}
	.wrapreverse {width: 100%;}
	.containercontact {padding: 20px 0px;}
}
@media all and (min-width:480px) and (max-width:539px) {
	.containerlime {padding: 10px 0px;}
	.wrap {width: 100%;}
	.containerwhite {padding: 10px 0px;}
	.wrapreverse {width: 100%;}
	.containercontact {padding: 20px 0px;}
}
@media all and (min-width:385px) and (max-width:479px) {
	.containerlime {padding: 10px 0px;}
	.wrap {width: 100%;}
	.containerwhite {padding: 10px 0px;}
	.wrapreverse {width: 100%;}
	.containercontact {padding: 20px 0px;}
}
@media all and (max-width:384px) {
	.containerlime {padding: 10px 0px;}
	.wrap {width: 100%;}
	.containerwhite {padding: 10px 0px;}
	.wrapreverse {width: 100%;}
	.containercontact {padding: 20px 0px;}
}



#container {
	width: 100%;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;}

#sublinks {
	width: 100%;
	padding: 30px 0px 40px 0px;
	position: relative;
	background: #000000;
	background-image: url(images/closebg.png);
	background-position: center bottom;
	background-repeat: no-repeat;}

@media all and (min-width:1280px) {
	#header {
		width: 100%;
		margin: auto;
		position: absolute;
		bottom: 35%;
		z-index: 4;
		text-align: center;}
	#ntlogo {
		width: 187px;
		margin: auto;
		z-index: 4;}
	#button-left {
		box-sizing: border-box;
		left: 150px;
		width: 200px;
		position: absolute;
		bottom: 14%;
		text-align: center;
		background-color:rgba(130,193,0,.75);
		border: 2px solid #000000;
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
		z-index: 4;
		border-radius: 8px;}
	#button-right {
		box-sizing: border-box;
		right: 150px;
		width: 200px;
		position: absolute;
		bottom: 14%;
		text-align: center;
		background-color:rgba(130,193,0,.75);
		border: 2px solid #000000;
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
		z-index: 4;
		border-radius: 6px;}
	br.headline {
		display: none;}
	
	#mainimage-mob {display: none;}
	#ntlogohome-mob {display: none;}
	
	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 60px;
		line-height: 60px;
		margin: 0px 0px 0px 0px;
		text-align:center;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
}
@media all and (min-width:1024px) and (max-width:1279px) {
	#header {
		width: 100%;
		margin: auto;
		position: absolute;
		bottom: 28%;
		z-index: 4;
		text-align: center;}
	#ntlogo {
		width: 187px;
		margin: auto;
		z-index: 4;}
	#button-left {
		box-sizing: border-box;
		left: 70px;
		width: 200px;
		position: absolute;
		bottom: 8%;
		text-align: center;
		background-color:rgba(130,193,0,.75);
		border: 2px solid #000000;
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
		z-index: 4;
		border-radius: 8px;}
	#button-right {
		box-sizing: border-box;
		right: 70px;
		width: 200px;
		position: absolute;
		bottom: 8%;
		text-align: center;
		background-color:rgba(130,193,0,.75);
		border: 2px solid #000000;
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
		z-index: 4;
		border-radius: 6px;}

	br.headline {
		display: none;}

	#mainimage-mob {display: none;}
	#ntlogohome-mob {display: none;}

	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 54px;
		line-height: 54px;
		margin: 0px 0px 0px 0px;
		text-align:center;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
}
@media all and (min-width:800px) and (max-width:1023px) {
	#header {
		width: 100%;
		margin: auto;
		position: absolute;
		bottom: 28%;
		z-index: 4;
		text-align: center;}
	#ntlogo {
		width: 187px;
		margin: auto;
		z-index: 4;}
	#button-left {
		box-sizing: border-box;
		left: 30px;
		width: 200px;
		position: absolute;
		bottom: 8%;
		text-align: center;
		background-color:rgba(130,193,0,.75);
		border: 2px solid #000000;
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
		z-index: 4;
		border-radius: 8px;}
	#button-right {
		box-sizing: border-box;
		right: 30px;
		width: 200px;
		position: absolute;
		bottom: 8%;
		text-align: center;
		background-color:rgba(130,193,0,.75);
		border: 2px solid #000000;
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.6);
		z-index: 4;
		border-radius: 6px;}

	br.headline {
		display: none;}

	#mainimage-mob {display: none;}
	#ntlogohome-mob {display: none;}

	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 48px;
		line-height: 48px;
		margin: 0px 0px 0px 0px;
		text-align:center;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
}
@media all and (min-width:640px) and (max-width:799px) {
	#header {
		width: 100%;
		margin: auto;
		position: absolute;
		bottom: 18%;
		z-index: 4;
		text-align: center;}
	#ntlogo {
		width: 187px;
		margin: auto;
		z-index: 4;}
	#button-left {display: none;}
	#button-right {display: none;}

	br.headline {display: none;}

	#mainimage-mob {display: none;}
	#ntlogohome-mob {display: none;}

	#insideheader {padding: 55px 0px 20px 0px;}
	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 42px;
		line-height: 42px;
		margin: 0px 0px 0px 0px;
		text-align:center;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
}


/*START OF MOBILE*/
@media all and (min-width:540px) and (max-width:639px) {
	#button-left {display: none;}
	#button-right {display: none;}

	#mainimage {display: none;}
	#header {display: none;}
	#ntlogo {display: none;}
	#mainimage-mob {
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #001e00;
		background: url(images/spirikibg-mob.jpg);
		background-size: cover; 
		background-position:left top;
		background-repeat: no-repeat;
		padding: 70px 0px 40px 0px;}
	h1.home-mob {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 48px;
		line-height: 44px;
		margin: 0px 0px 0px 20px;
		text-align:left;}
	#ntlogohome-mob {
		width: 130px;
		padding: 5px 0px 0px 20px;}

	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 48px;
		line-height: 44px;
		margin: 0px 0px 0px 100px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
}
@media all and (min-width:480px) and (max-width:539px) {
	#header {
		width: 100%;
		margin: auto;
		position: absolute;
		bottom: 15%;
		z-index: 4;
		text-align: center;}
	#button-left {display: none;}
	#button-right {display: none;}

	#mainimage {display: none;}
	#header {display: none;}
	#ntlogo {display: none;}
	#mainimage-mob {
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #001e00;
		background: url(images/spirikibg-mob.jpg);
		background-size: cover; 
		background-position:left top;
		background-repeat: no-repeat;
		padding: 70px 0px 40px 0px;}
	h1.home-mob {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 48px;
		line-height: 44px;
		margin: 0px 0px 0px 10px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	#ntlogohome-mob {
		width: 130px;
		padding: 5px 0px 0px 10px;}

	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 48px;
		line-height: 44px;
		margin: 0px 0px 0px 60px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 14px;
		text-align: left;
		margin-left: 6px;
		margin-right: 24px;
		text-decoration: none;}
}
@media all and (min-width:385px) and (max-width:479px) {
	#header {
		width: 100%;
		margin: auto;
		position: absolute;
		bottom: 11%;
		z-index: 4;
		text-align: center;}
	#button-left {display: none;}
	#button-right {display: none;}

	#mainimage {display: none;}
	#header {display: none;}
	#ntlogo {display: none;}
	#mainimage-mob {
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #001e00;
		background: url(images/spirikibg-mob.jpg);
		background-size: cover; 
		background-position:left top;
		background-repeat: no-repeat;
		padding: 70px 0px 40px 0px;}
	h1.home-mob {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 42px;
		line-height: 42px;
		margin: 0px 0px 0px 10px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	#ntlogohome-mob {
		width: 130px;
		padding: 5px 0px 0px 10px;}

	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 42px;
		line-height: 42px;
		margin: 0px 0px 0px 40px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 14px;
		text-align: left;
		margin-left: 5px;
		margin-right: 0px;
		text-decoration: none;}
	#ntlogo {
		width: 100px;
		margin: auto;}
}
@media all and (max-width:384px) {
	#header {
		width: 100%;
		margin: auto;
		position: absolute;
		bottom: 4%;
		z-index: 4;
		text-align: center;}
	#button-left {display: none;}
	#button-right {display: none;}

	#mainimage {display: none;}
	#header {display: none;}
	#ntlogo {display: none;}
	#mainimage-mob {
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #001e00;
		background: url(images/spirikibg-mob.jpg);
		background-size: cover; 
		background-position:left top;
		background-repeat: no-repeat;
		padding: 70px 0px 40px 0px;}
	h1.home-mob {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 39px;
		line-height: 36px;
		margin: 0px 0px 0px 10px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
	#ntlogohome-mob {
		width: 120px;
		padding: 5px 0px 0px 10px;}

	h1 {
		font-family: unt, serif;
		color:#ffffff;
		font-size: 39px;
		line-height: 36px;
		margin: 0px 0px 0px 12px;
		text-align:left;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.6);}

	a.navlinks {
		font-family: verbbold, sans-serif;
		color: #ffffff;
		font-size: 14px;
		text-align: left;
		margin-left: 5px;
		margin-right: 0px;
		text-decoration: none;}
}


h1.coming {
	font-family: unt, serif;
	color:#ffffff;
	font-size: 39px;
	line-height: 39px;
	letter-spacing: 2px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	text-shadow: 0px 0px 0px;}
#comingsoon {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	background: #005a00; /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(#005a00, #001e00); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#005a00, #001e00); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#005a00, #001e00); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#005a00, #001e00); /* Standard syntax */}
#comingsoonheader {
	width: 100%;
	margin: auto;
	position: absolute;
	top: 22%;
	z-index: 4;
	text-align: center;}
#comingsoonlogo {
	width: 280px;
	margin: auto;
	z-index: 4;}