:root {
				
				--light: #F5F5F5;
				--dark: #333;
				
				--very-dark-purple: #27325E;
				--dark-purple: #4F67C0;
				--mid-purple: #7188D9;
				--light-purple: #99AAEC;
				
				--very-dark-blue: #1F4D58;
				--dark-blue: #3F9EB4;
				--mid-blue: #64BDD2;
				--light-blue: #8ad1e1;
				
				--very-dark-green: #216433;
				--dark-green: #44CD68;
				--mid-green: #67E187;
				--light-green: #BFFACE;
				
				--text-aa-dark: rgba(31,77,88,.1);
				--text-aa-light: rgba(255,255,255,.1);
				
			}


			/****************************************************************************************************/
			/* HEADERS                                                                                          */
			/****************************************************************************************************/

				h1 { 
					position:relative;
					display:inline-block;
					margin:0px 0px 50px 0px!important; padding:0px;
					font-size:26px; font-weight:bold; letter-spacing:0.2px;
					}
					@media screen and (max-width:500px){
						h1 { font-size:28px; }
					}
				h1:before {
					content:"";
					position:absolute; bottom:-25px; left:0px;
					display:inline-block;
					width:84px; height:5px;
					}
				h1.dark { 
					color:var(--very-dark-blue); text-shadow:var(--text-aa-dark) 0px 0px 1px;
					}
				h1.dark:before { 
					background-color:var(--dark-blue);
					text-shadow:#FFF 0px 0px 1px; 
					}
				h1.light { 
					color:#FFF; text-shadow:var(--text-aa-light) 0px 0px 1px;
					}
				h1.light:before { 
					background-color:var(--very-dark-blue); 
					}
				h1.graphic:after {
					content:url('../images/class/h1_graphic.png');
					position:absolute; top:-20px; right:-65px;
					height:90px;
					}

				h2 { 
					position:relative;
					display:inline-block;
					margin:0px 0px 30px 0px!important; padding:1px 3px;
					font-size:24px; font-weight:bold; letter-spacing:0.2px;
					background:var(--light);
					}
				h2.dark { 
					color:var(--very-dark-blue); text-shadow:var(--text-aa-dark) 0px 0px 1px;
					}
				
				h3 {
					position:relative;
					display:block;
					margin:0px 0px 5px 0px;
					font-size:20px;
					}
				h3.dark {
					
					}
				h3.light {
					color:var(--light);
					text-shadow:var(--text-aa-light) 0px 0px 1px;
					}

			/****************************************************************************************************/
			/* BODY & TEXT                                                                                        */
			/****************************************************************************************************/
				
				.section-white {
					background-color:#FFF;
					box-shadow:rgba(0,0,0,0.1) 0px 0px 10px;
					padding:40px;
					box-sizing:border-box;
					color:var(--very-dark-blue);
					text-shadow:var(--text-aa) 0px 0px 1px;
					}
				.section-blue {
					background-color:var(--dark-blue);
					box-shadow:rgba(0,0,0,0.1) 0px 0px 10px;
					padding:40px;
					box-sizing:border-box;
					color:var(--very-dark-blue);
					text-shadow:var(--text-aa) 0px 0px 1px;
					}
				
				p { 
					margin:0px 0px 20px 0px; padding:0px;
					font-size:17px;
					font-weight:normal;
					line-height:30px;
					}
				p.small-text {
					font-size:18px;
					}
				p.dark {
					color:var(--very-dark-blue);
					text-shadow:var(--text-aa) 0px 0px 1px;
					}
				p.light {
					color:#FFF;
					text-shadow:var(--text-aa-light) 0px 0px 1px;	 
					}
				p.justify {
					text-align:justify;
					}
					
				section ul , aside ul {
					margin:0px 0px 20px 0px; padding:0px;
					list-style:none;
					}
				section ul li , aside ul li {
					position:relative;
					margin-bottom:10px; padding-left:20px;
					font-size:18px;
					font-weight:normal;
					line-height:30px;
					color:inherit;
					text-shadow:inherit;
					}
				section ul li:before , aside ul li:before {
					content: "";
					position:absolute; top:10px; left:0px;
					display:inline-block;
					width:7px; height:7px;
					margin-top:2px;
					background:var(--dark-blue);
					}
					
				a {
					color:var(--dark-blue);
					}
					
			/****************************************************************************************************/
			/* UI ELEMENTS                                                                                      */
			/****************************************************************************************************/

				.button {
					display:inline-block;
					padding:6px 17px 7px 17px;
					font-size:22px; text-decoration:none;
					border-radius:7px;
					transform:scaleY(0.95);
					transition:background-color 0.5s , color 0.5s , opacity 0.5s , border 0.5s;
					}
				.btn-smaller {
					font-size:18px; padding:6px 15px 5px 15px;
					}
				.button:hover {
					cursor:pointer;
					}
				.button.dark {
					color:var(--light); text-shadow:var(--text-aa-light) 0px 0px 1px;
					border:solid var(--dark-blue) 3px;
					background-color:var(--dark-blue);
					}
				.button.dark:hover {
					color:var(--dark-blue);
					background:transparent;
					border:solid var(--dark-blue) 3px;
					}
				.button.light {
					color:var(--light); text-shadow:var(--text-aa-light) 0px 0px 1px;
					background-color:var(--mid-blue);
					}
				.button.light:hover {
					color:#FFF;
					background-color:var(--light-blue);
					}
				.button.transparent-light {
					color:#FFF;
					background:transparent;
					border:solid #FFF 3px;
					}
				.button.transparent-light:hover {
					color:#000;
					background-color:#FFF;
					border:solid #FFF 3px;
					opacity:0.5;
					}
				.button.transparent-dark {
					color:var(--dark-blue);
					background:transparent;
					border:solid var(--dark-blue) 3px;
					}
				.button.transparent-dark:hover {
					color:#FFF;
					background-color:var(--dark-blue);
					}
					
			/****************************************************************************************************/
			/* FORMS                                                                                            */
			/****************************************************************************************************/
					
				label {
					display:block;
				}
				label span {
					display:block;
					font-size:14px; color:#FFF;
				}
				label input {
					display:block; width:100%;
					box-sizing:border-box;
					margin:0px 0px 15px 0px; padding:10px;
					outline:none;
					border:none; border-radius:5px; border-top-left-radius:0px;
				}
				label textarea {
					display:block; width:100%; height:175px;
					box-sizing:border-box;
					padding:10px;
					outline:none;
					border:none; border-radius:5px; border-top-left-radius:0px;
					resize:none;
				}
				
				form.light label span {
					
					}
				form.light input {
					
					}
				form.light textarea {
					
					}
					
				form.dark label span {
					color:var(--very-dark-blue);
					}
				form.dark label input {
					border:solid var(--dark-blue) 1px;
					}
				form.dark label textarea {
					border:solid var(--dark-blue) 1px;
					}
					
					
			/****************************************************************************************************/
			/* OTHER                                                                                            */
			/****************************************************************************************************/		
				
				.rw {
					position:relative;
					width:100%; height:100%;	
					}
					
					
					
					
					
		
		
		
		
		
		
		
		
		
		

/****************************************************************************************************/
/* GENERAL                                                                                          */
/****************************************************************************************************/
	
	html , body {  
		height:100%;
		margin:0px; padding:0px;
		/*font-family: 'Noto Sans', sans-serif;*/
		font-family: 'Poppins', sans-serif;
		/*font-family: 'Fira Sans', sans-serif;*/


	}
	
	.outer-container {
		position:relative;
		width:100%;
		box-sizing:border-box;
		}
	.inner-container {
		position:relative; left:50%;
		display:flex;
		width:100%; max-width:1200px;
		margin-left:-600px;
		align-items:center;
		justify-content:space-between;
		box-sizing:border-box;
		}
		/********************************************************************************************/
		/* GENERAL - MEDIA QUERY                                                                    */
		/********************************************************************************************/
		@media screen and (max-width:1280px){
			.outer-container {
				padding:0px 40px 0px 40px;
				}
			.inner-container {
				left:0px; margin-left:0px;
				}
			}
		@media screen and (max-width:500px){
			.outer-container {
				padding:0px 10px 0px 10px;
				}
			.inner-container {
				left:0px; margin-left:0px;
				}
			}
		

		
/****************************************************************************************************/
/* MAIN HEADER                                                                                      */
/****************************************************************************************************/

	#main-header {
		position:relative;
		height:100%;
		margin-bottom:-45px;
		box-sizing:border-box;
		background:#FFF;
		border-top:solid var(--light-purple) 5px;
		background-image:url('../images/structure/header-clouds.jpg'), url('../images/structure/header-grass.jpg');
		background-position:left top, bottom 45px left;
		background-repeat:no-repeat; background-size:100% auto, 100% auto;
		}
	#main-header .inner-container {
		display:flex;
		height:100%;
		padding:40px 0px 20px 0px;
		align-items:stretch;
		flex-wrap:nowrap;
		flex-direction:column;
		}
	#main-header .inner-container header {
		width:100%;
		display:flex;
		}
	#header-logo-large {
		position:absolute; top:100px;; left:0px;
		width:auto; height:90px;
		
		}
	#header-logo-mobile {
		display:none; margin-top:50px;
		width:180px; height:auto;
		}
	
	/* HEADER GRAPHICS */
	#header-graphics {
		display:flex;
		align-items:flex-end;
		flex-wrap:nowrap;
		flex-direction:row;
		justify-content:space-between;
		}
	#header-graphic-sign {
		margin-left:30px; margin-bottom:50px;
		}
	#header-graphic-children {
		margin-bottom:50px;
		}
	#header-graphic-tree {
		margin:0px -70px 40px -100px;
		z-index:2;
		}
	#header-graphic-sun {
		position:absolute; top:80px; right:0px;
		}
		/********************************************************************************************/
		/* MAIN HEADER - MEDIA QUERY                                                                */
		/********************************************************************************************/
		@media screen and (max-width:900px){
			#main-header .inner-container {
				flex-wrap:wrap;
				justify-content:space-between;
				}
			header { justify-content:center; align-self:flex-start; }
			#header-logo-large { position:relative; }
			#header-graphics { justify-content:center; align-items:flex-end; }
			#header-graphic-sign { display:none; }
			#header-graphic-tree { display:none; }
			#header-graphic-children { max-width:100%; height:auto; }
			#header-graphic-sun { display:none; }
			}
		@media screen and (max-width:500px){
			#main-header { background-position:top 300px left, bottom 45px left; padding:0px; }
			#main-header .inner-container { padding:0px; }
			header { background-color:#9de6ed; height:300px; margin:0px; padding:0px; justify-content:center; align-items:center; }
			#header-logo-large { display:none; }
			#header-logo-mobile { display:block; margin-top:0px; }
			}
			
		
		
		
/****************************************************************************************************/
/* NAVIGATION                                                                                       */
/****************************************************************************************************/

	nav {
		width:100%;
		}
	#navigation {
		width:100%;
		background-color:#393939;
		z-index:100;
		opacity:1;
		transition:top 0.3s ease;
		}
	#navigation.fixed {
		position:fixed; top:0px;
		}
	#navigation ul {
		display:flex;
		width:100%;
		margin:0px; padding:0px;
		background-color:#333;
		list-style:none;
		font-size:0px;
		}
	#navigation ul li {
		position:relative;
		flex-grow:1;
		display:inline-block;
		padding:0px;
		color:var(--light);
		border-right:solid #3D3D3D 1px;
		transition:background-color 0.2s;
		}
	#navigation ul li:first-of-type {
		border-left:solid #3D3D3D 1px;
		}
	#navigation ul li a {
		position:relative; top:1px;
		display:inline-block;
		width:100%;
		margin:0px; padding:14px 15px 15px 15px;
		color:inherit;
		font-size:11px; text-decoration:none; text-align:center;
		text-shadow: rgba(0,0,0,.01) 0 0 1px;
		box-sizing:border-box;
		}
		
	/*-reset-nav-on-hover------------------------------*/
	#navigation ul:hover li {
		top:0px!important;
		color:#FFF!important;
		background-color:transparent!important;
		box-shadow:none!important;
		}	
	#navigation ul:hover li a {
		}
		
	/*-highlight-button-on-hover----------------------*/	
	#navigation ul li:hover {
		position:relative;
		background-color:#292929!important;
		box-shadow:inset #222 -1px -1px 5px!important;
		color:#FFF!important;
		}
		
	/*-highlight-active-button------------------------*/	
	#navigation ul li.active {
		position:relative;
		background-color:#292929;
		box-shadow:inset #222 -1px -1px 5px;
		color:#FFF;
		}
		
	/*-navigation-grass-------------------------------*/
	/* #navigation:before {  
		content:url('../images/structure/navigation-grass-left.png'); 
		position:absolute; top:-74px; left:0px; 
		 }  */
	/* #navigation:after { */
		/* content:url('../images/structure/navigation-grass-right.png'); */
		/* position:absolute; top:-74px; right:0px; */
		/* } */
		
	/*-navigation-hide-when-footer-in-view-----------*/
	#navigation.hide-green {
		top:-15px;
		}
			
	
	
		/********************************************************************************************/
		/* NAVIGATION - MEDIA QUERY                                                                 */
		/********************************************************************************************/
		@media screen and (max-width:1152px){
			#navigation ul  {
				
				}
			#navigation ul li {
				flex:1 0 auto;
				}
			#navigation ul li a {
				letter-spacing:-0.5px;
				padding:7px 9px 9px 9px;
				}
			}
		@media screen and (max-width:1000px){
			#navigation {
				padding:0px 10px 0px 10px;
				}
			}
		@media screen and (max-width:900px){
			#navigation {
				height:65px;
				position:relative;
				background-color:#92be09;
				}
			#navigation ul li {
				display:none;
				}
			}

			
/****************************************************************************************************/
/* MOBILE NAVIGATION                                                                                */
/****************************************************************************************************/
	
	/*-mobile-navigation-toggle-----------------------*/
	#mobile-navigation-toggle {
		display:none;
		position:absolute; top:0px; right:-52px;
		width:45px; height:41px;
		padding:10px 0px 0px 10px;
		font-size:0px;
		
		}
		#mobile-navigation-toggle span {
			position:relative;
			display:inline-block;
			background-color:#FFF;
			width:45px; height:7px;
			margin-bottom:10px;
			border-radius:5px;
			box-shadow:inset #999 1px 1px 2px;
			transition:opacity 0.5s ease , transform 0.5s ease , top 0.5s ease;
			}
			
	/*-mobile-navigation-menu------------------------*/
	#mobile-navigation {
		position:fixed; top:0px; left:-300px;
		width:300px; max-width:80%; height:100%;
		z-index:201;
		transition:border 0.5s ease , left 0.5s ease;
		}
		#mobile-navigation ul {
			position:relative;
			width:100%; height:100%;
			background-color:var(--light);
			list-style:none;
			margin:0px; padding:0px;
			overflow-y:auto;
			}
			#mobile-navigation li {
				position:relative;
				text-align:center;
				border-top:solid #FFF 1px;
				border-bottom:solid #CCC 1px;
				}
				#mobile-navigation li a {
					display:inline-block;
					width:100%;
					padding:20px 0px;
					color:var(--dark-blue);
					text-decoration:none;
					}
		#mobile-navigation li.active , #mobile-navigation li:hover {
			background-color:#ECECEC;
			box-shadow:inset #CCC 0px 0px 5px;
			font-weight:bold;
			border-top:none;
			}
		#mobile-navigation li.active:after , #mobile-navigation li:hover:after {
			content:"";
			width:20px; height:20px;
			position:absolute; top:20px; left:-15px;
			display:block;
			background-color:var(--dark-blue);
			box-shadow:inset #222 0px 0px 2px;
			transform:rotate(45deg);
			}
	
	/*-mobile-navigation-menu-open------------------*/
	#mobile-navigation.open {
		left:0px;
		border-right:solid rgba(0,0,0,0.5) 600px;
		}
	#mobile-navigation.open #mobile-navigation-toggle span#mobile-navigation-toggle-1 {
		top:17px;
		transform:rotate(45deg);
		}
	#mobile-navigation.open #mobile-navigation-toggle span#mobile-navigation-toggle-2 {
		opacity:0;
		}
	#mobile-navigation.open #mobile-navigation-toggle span#mobile-navigation-toggle-3 {
		top:-17px;
		transform:rotate(-45deg);
		}
		
		/********************************************************************************************/
		/* MOBILE NAVIGATION - MEDIA QUERY                                                          */
		/********************************************************************************************/
		@media screen and (max-width:900px){
			#mobile-navigation-toggle {
				display:block;
				}
			}
		
		
/****************************************************************************************************/
/* BANNER                                                                                           */
/****************************************************************************************************/		

	#banner {
		display:flex;
		background-color:var(--light);
		padding-top:0px;
		text-align:right;
		z-index:2;
		align-items:flex-start;
		overflow:hidden;
		}
	#banner.fixednav {
		margin-top:52px;
		}
	#banner img#banner-tag {
		display:inline-block;
		position:relative; left:-13px;
		width:auto;
		transition:transform 0.3s ease;
		z-index:3;
		}
	#banner img#banner-image {
		display:inline-block;
		height:100%; width:auto;
		transition:transform 0.3s ease;
		}
	#banner img#banner-tag:hover {
		cursor:pointer;
		transform:scale(1.025);
		}
	#banner img#banner-image:hover {
		cursor:pointer;
		transform:scale(1.025);
		}
		/********************************************************************************************/
		/* BANNER - MEDIA QUERY                                                                     */
		/********************************************************************************************/
		@media screen and (max-width:650px){
			#banner img#banner-tag {
				display:none;
				}
			}
		
		
		
		
/****************************************************************************************************/
/* FOOTER                                                                                           */
/****************************************************************************************************/	
		
	#footer {
		background-color:#462b10;
		background-image:url('../images/backgrounds/footer-background.jpg'); background-repeat:repeat-x;
		font-size:0px;
		padding-top:40px; padding-bottom:80px;
		}
		#footer .inner-container {
			justify-content:space-between;
			align-items:flex-start;
			}
	#footer:before {
		content:"";
		position:absolute; top:-177px; left:-40px;
		padding-right:40px;
		display:block;
		background-image:url('../images/backgrounds/footer-grass.png'); background-repeat:no-repeat; background-size:cover;
		width:100%; height:177px;
		}
		
	#footer section {
		position:relative; top:-140;
		display:inline-block;
		margin:50px 0px 0px 0px; padding:0px;
		vertical-align:top;
		}
		#footer section p {	position:relative; color:var(--light); font-size:15px; line-height:22px; }
		#footer section a { position:relative; display:inline-block; color:var(--light); }
		#footer section input { border:none; border-radius:5px;	}
		#footer section input[type=text] { width:175px; padding:5px 8px; }
		#footer section input[type=submit] {
			padding:5px 8px;
			background-color:var(--very-dark-blue);
			color:var(--light); text-shadow:var(--text-aa-light) 0px 0px 1px;
			transition:background-color 0.2s;
			}
		#footer section input[type=submit]:hover {
			cursor:pointer;
			background-color:var(--dark-blue);
			box-shadow:var(--very-dark-green) 1px 1px 1px;
			}
		/********************************************************************************************/
		/* FOOTER - MEDIA QUERY                                                                     */
		/********************************************************************************************/
		@media screen and (max-width:1000px){
			#footer .inner-container {
				flex-wrap:wrap;
			}
			#footer section {
				min-width:50%;
				text-align:center;
			}
		}
		@media screen and (max-width:600px){
			#footer .inner-container {
				flex-wrap:wrap;
			}
			#footer section {
				min-width:100%;
				text-align:center;
			}
		}
		
		
/****************************************************************************************************/
/* OTHER                                                                                            */
/****************************************************************************************************/

	/* ALL ELEMENTS TO BE DISPLAYED ABOVE SCREEN DIM NEED Z-INDEX > 200 */
	#screen-dim { 
		display:none;
		position:fixed; top:0px; left:0px;
		width:100%; height:100%;
		background-color:rgba(0,0,0,0.25);
		z-index:200;
		}
	/* ALL ELEMENTS TO BE DISPLAYED ABOVE SCREEN-DIM NEED Z-INDEX > 200 */
	/* SCREEN-DIM ELEMENT IN FOOTER INCLUDE */