/* CSS3 Document */
/* Light mode uses class light-mode */


/* MAIN */
	html {
		font-size: 62.5%;
		-webkit-text-size-adjust:none;
	}
	body {	
		background-color: #22242e;
		font-family: "Nunito", Arial, Helvetica, sans-serif;
		font-size: 1.8rem;
		letter-spacing: 0.15rem;
		color: #FFFFFF;
		margin: 0;
		padding: 0;
		background-image: url("../images/amp_BG_dk.jpg");
		background-position: center top;
		background-repeat: repeat-y;
	}
	.light-mode body{
  		background-color: #dadade;
  		color: #111217;
		background-image: url("../images/amp_BG_lit.jpg");
	}
	p {
		padding: 0rem;
		margin: 0 0 1rem 0;
	}	
	.listFix {
		display: inline-block; /* fix problems floating items to the left of lists */	
	}
	ol.numbered > li {
		list-style: decimal;
		list-style-position: outside;
		text-align: left;
	}
	ul.disc > li {
		display: list-item;
		list-style: disc;
		list-style-position: outside;
		text-align: left;
	}
	.biggerMargins p, .biggerMargins h1, .biggerMargins h2, .biggerMargins h3 {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.tightFit {
		magin: 0;
		padding: 0;
	}
	.centerIt {
		width: auto; 
		display:table;
		margin-left: auto;
		margin-right: auto;
	}
	.alignCenter {
		text-align: center;
	}
	.alignLeft {
		text-align: left;
	}
	.alignRight {
		text-align: right;
	}
	.alignBottom {
		vertical-align: bottom; 	
	}
	img {
		border: none;
	}	
	.floatRight {
		float: right;
	}
	.floatLeft {
		float: left;	
	}
	.textimg {
		height: 2.4rem;
		width: auto;
		max-width: 100%;
		border: none;
		vertical-align: text-bottom;
	}
	figure {
		display: inline-block;
		margin: 0rem;
		padding: 0rem;
	}
	figcaption {
		font-size: 2rem;
		font-family: "Nunito", Arial, Helvetica, sans-serif;
		color: #a3db00;	
		text-align: center;
	}
	.light-mode figcaption {
		color: #293700;
	}
	hr {	
		color: #ccecf8;
		background-color: #ccecf8;
		height: 1px;
		border: none;
		margin: 1px 1px 10px 1px;
	}
	.light-mode hr {
		color: #002837;
		background-color: #002837;
	}

	hr.soft {	
		color: #00516e;
		background-color: #00516e;
		height: 1px;
		border: none;
		margin: 1px 1px 10px 1px;
	}
	.light-mode  hr.soft {
		color: #66c7e9;
	}

	br.bump {
		font-size: 3rem;
	}
	.clear {
		clear:both;
		height:1px;
	}
/* CONTAINER to CENTER everything */
	#container {			
		width: 98rem;
		margin: 0 auto;
		padding: 0;
	}

	 @media only screen and ( max-width: 61.25em ) /* 980 */ {
		#container {
			width: 100%;
			margin: 0 auto;
		}
	}

/* FONTS */

.nunito-ampic {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* <weight>: Use a value from 400 to 900 */
.vollkorn-ampic {
  font-family: "Vollkorn", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* BASIC FONTS */
	b {
		font-weight: 600;
		color: #ccecf8;
	}
	.light-mode b {
		color: #002837;
	}
	h1 {
		font-family: "Vollkorn", serif;
		font-size: 3.5rem;
		line-height: 3.5rem;
		color: #A3DB00;
		padding: 1px;
		margin: 0;
	}
	.light-mode h1 {
		color: #002837;
	}
	h2 {
		font-family: "Nunito", Arial, Helvetica, san-serif;
		font-size: 2.4rem;
		line-height: 2.4rem;
		color: #66C7E9;
		padding: 1px;
		margin: 0;
		font-variant: small-caps;
	}
	.light-mode h2 { 
		color: #6e2f0f;
	}
	h3 {
		font-family: "Nunito", Arial, Helvetica, sans-serif;
		font-size: 1.7rem;
		line-height: 1.7rem;
		color: #CCECF8;
		padding: 1px;
		margin: 0;
		font-style: oblique;
	}
	.light-mode h3 {
		color: #002837;
	}

	h3.socialAlign {
		float: left;
		-webkit-transform: translate(0, 50%);
		-ms-transform: translate(0, 50%);		
		-moz-transform: translate(0, 50%);
		-o-transform: translate(0, 50%);
    	transform: translate(0, 50%);
	}
	h4 {
		font-family: "Nunito", Arial, Helvetica, sans-serif;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.7rem;
		color: #33b4e2;
		padding: 1px;
		margin: 0;
	}
	.light-mode h4 {
		color: #004761;
	}
	h5 {
		font-family: "Nunito", Arial, Helvetica, sans-serif;
		font-size: 1.5rem;
		line-height: 1.5rem;
		color: #99d9f1;
		padding: 1px;
		margin: 0;
		font-style: oblique;
	}
	.light-mode h5 {
		color: #002837;
	}
	.subTitle1 {
		font-size: 2rem;
		padding:.5em;
		margin: 0;
	}
	.special {
		font-family: "Vollkorn", serif;
		font-size: 2.4rem;
		color: #ccecf8;
		font-weight: bold;
		font-style: oblique;
		padding:1px;
		margin: 0;
	}
	.light-mode .special {
		color: #002837;
	}
	.fakeBold {
		font-weight: bold;
	}
	.smallCaps {
		font-variant: small-caps;	
	}
	.unimportantLabel {
		font-variant: small-caps;
		font-size: 1.4rem;
		color: #ccecf8;
	}
	.light-mode .unimportantLabel {
		color: #002837;
	}
/* BASIC LINKS */
	a:link { /* Blue Links, Hover Orange */
		text-decoration: none;
		color: #33b4e2;
		font-weight: bold;
	}
	a:visited {
		text-decoration: none;
		color: #33b4e2;
		font-weight: bold;
	}
	a:hover {
		text-decoration: none;
		color: #e99e77;
		font-weight: bold;
	}
	a:active {
		text-decoration: none;
		color: #e99e77;
		font-weight: bold;
	}
	
	.light-mode a:link { /* Blue Links, Hover Orange */
		color: #002837;
	}
	.light-mode a:visited {
		color: #002837;
	}
	.light-mode a:hover {
		color: #6e2f0f;
	}
	.light-mode a:active {
		color: #6e2f0f;
	}
	/* basic button */
	a.basicButton:link {
		display: inline-block;
		margin: .7rem;
		padding: .5rem 1rem;
		font-family: "Nunito", Arial, Helvetica, sans-serif;
		font-size: 1.8rem;
		font-weight: 700;
		text-shadow: 1px 1px #000000;
		letter-spacing: .25rem;
		color: #FFFFFF;
		background-color:#00516e;
		background: linear-gradient(#008DC0, #0079a4, #00516e);
		border-style: solid;
		border-width: .2rem;
		border-color: #00516e;
		border-radius: 1.5rem;
	}
	a.basicButton:visited {		
		color: #FFFFFF;
		background-color:#00516e;
		background: linear-gradient(#008DC0, #0079a4, #00516e);
		border-color: #00516e;
	}
	a.basicButton:hover {		
		color: #FFFFFF;
		background-color: #008DC0;
		background: linear-gradient(#db5d1d, #a44616, #6e2f0f);
		border-color: #371707;
	}
	a.basicButton:active {
		color: #000000;
		background-color: #008DC0;
		background: linear-gradient(#db5d1d, #a44616, #6e2f0f);
		border-color: #371707;
	}
	.light-mode a.basicButton:link {
		text-shadow: 1px 1px #000000;
		color: #FFFFFF;
		background-color: #008DC0;
		background: linear-gradient(#db5d1d, #a44616, #6e2f0f);
		border-color: #371707;
	}
	.light-mode a.basicButton:visited {		
		color: #FFFFFF;
		background-color: #008DC0;
		background: linear-gradient(#db5d1d, #a44616, #6e2f0f);
		border-color: #371707;
	}
	.light-mode a.basicButton:hover {		
		color: #FFFFFF;
		background-color:#00516e;
		background: linear-gradient(#008DC0, #0079a4, #00516e);		
		border-color: #00516e;
	}
	.light-mode a.basicButton:active {
		color: #000000;
		background-color:#00516e;
		background: linear-gradient(#008DC0, #0079a4, #00516e);		
		border-color: #00516e;
	}
	/* click box */
	a.clickBox-3:link {
		display: inline-block;
		margin: 2% 1% 2% 1%;
		padding: 1.5%;
		width: 28%;
		height: 20rem;
		overflow: hidden;
		float: left;
		background-color: #111217;
		background-color: rgba(11,12,17,0.65); /* dark gray */
		border: solid 1px #FFFFFF;
		border-radius: 1.5rem;		
	}
	
	a.clickBox-3:visited {
		background-color: #111217;
		background-color: rgba(11,12,17,0.65); /* dark gray */
	}
	a.clickBox-3:hover {
		background-color: #00516e;
		background-color: rgba(0,49,76,0.65); /* Not-So-Dark-Blue */
	}
	.light-mode a.clickBox-3:link {
		display: inline-block;
		margin: 2% 1% 2% 1%;
		padding: 1.5%;
		width: 28%;
		height: 20rem;
		overflow: hidden;
		float: left;
		background-color: #dadade;
		background-color: rgba(218,218,222,0.45); /* light gray */
		border: solid 1px #004761;
		border-radius: 1.5rem;		
	}
	
	.light-mode a.clickBox-3:visited {
		background-color: #dadade;
		background-color: rgba(218,218,222,0.45); /* light gray */
	}
	.light-mode a.clickBox-3:hover {
		
		background-color: #f1bea5;
		background-color: rgba(241,190,165,0.65); /* Light-Orange */
	}
	
	@media only screen and ( max-width: 40em ) /* 640 */ {
		a.clickBox-3:link {
			display: block;
			padding: 1.5rem;
			width: 80%;
			height: auto;
			margin: 0 auto 1rem auto;
			float: none;
		}
	}

	
/* CONTENT CONTAINERS */
	#content {
		width: 100%;
		height: auto;	
		min-height: 30rem;
		overflow: hidden;
		text-align: center;
		margin: 0;
		padding: 0;
		background-color: none;		
		border: none;				
	}
	#main {
		width: 100%;
		height: auto;	
		min-height: 30rem;
		text-align: center;
		background-color: #111217;
		background-color: rgba(11,12,17,.25); /* dark gray */
		-moz-border-radius: 1.5rem;
		border-radius: 1.5rem;		
		margin-top: 2.5rem;
		margin-bottom: 0px;
		border: none;
	}
	.light-mode #main{
		background-color: #dadade;
		background-color: rgba(218,218,222,.50); /* light gray */
	}
	.socialMedia {
		display: inline-block;
		min-width: 25rem;
		margin: 0.5rem;		
		padding: 0.5rem;
		background-color: rgba(255,255,255,.25); /* white */
		border: solid 1px #ccecf8;
		border-radius: 1.5rem;
		text-align: center;
	}
	.light-mode .socialMedia {
		border: solid 1px #696c7d;
	}
	.rightBox {
		width: 27%;
		display: inline-block;
		float: right;
		vertical-align: top;		
		margin: 2% 2% 2% 1%;
		padding: 1.5%;
		background-color: #111217;
		background-color: rgba(11,12,17,0.65); /* dark gray */
		border: solid 1px #FFFFFF;
		border-radius: 1.5rem;
	}
	.light-mode .rightBox {
		background-color: #dadade;
		background-color: rgba(218,218,222,0.45); /* light gray */
		border: solid 1px #696c7d;
	}
	.rightBox-nb {
		width: 27%;
		display: inline-block;
		float: right;
		vertical-align: top;
		border: none;
		margin: 0 2% 2% 0;
		padding: 1px;
	}

	.leftBox {
		width: 60%;
		background-color: #111217;
		background-color: rgba(11,12,17,0.65); /* dark gray */
		border: solid 1px #696c7d;
		border-radius: 1.5rem;
		margin: 2% 1% 1% 2%;
		padding: 1.5%;
		float: left;
	}
	.light-mode .leftBox {
		background-color: #dadade;
		background-color: rgba(218,218,222,0.45); /* light gray */
		border: solid 1px #696c7d;
	}
	.leftBox-nb {
		width: 27%;
		display: inline-block;
		float: left;
		vertical-align: top;
		border: none;		
		margin: 0 0 2% 2%;
		padding: 1px;
	}

	.col1 {
		margin: 2%;
		padding: 1.5%;
		width: 93%;
		float: left;
		background-color: #111217;
		background-color: rgba(11,12,17,0.65); /* dark gray */
		border: solid 1px #FFFFFF;
		border-radius: 2rem 0rem 2rem 2rem;
	}
	.light-mode .col1 {
		background-color: #dadade;
		background-color: rgba(218,218,222,0.45); /* light gray */
		border: solid 1px #696c7d;
	}
	.col2 {
		margin: 2% 1% 2% 1%;
		padding: 1.5%;
		width: 44%;
		float: left;
		background-color: #111217;
		background-color: rgba(11,12,17,0.65); /* dark gray */
		border: solid 1px #FFFFFF;
		border-radius: 2rem 0rem 2rem 2rem;
	}
	.light-mode .col2 {
		background-color: #dadade;
		background-color: rgba(218,218,222,0.45); /* light gray */
		border: solid 1px #696c7d;
	}
	.col2-nb {
		margin: 2% 1% 2% 1%;
		padding: 1.5%;
		width: 45%;
		float: left;		
	}
	.col3 {
		margin: 2% 1% 2% 1%;
		padding: 1.5%;
		width: 28%;
		float: left;
		background-color: #111217;
		background-color: rgba(11,12,17,0.65); /* dark gray */
		border: solid 1px #FFFFFF;
		border-radius: 2rem 0rem 2rem 2rem;
	}
	.light-mode .col3 {
		background-color: #dadade;
		background-color: rgba(218,218,222,0.45); /* light gray */
		border: solid 1px #696c7d;
	}
	.col3-nb {
		margin: 2% 1% 2% 1%;
		padding: 1.5%;
		width: 28%;
		float: left;		
	}
	.col23 {
		margin: 2% 1% 2% 1%;
		padding: 1.5%;
		width: 60%;
		float: left;
		background-color: #111217;
		background-color: rgba(11,12,17,0.65); /* dark gray */
		border: solid 1px #FFFFFF;
		border-radius: 2rem 0rem 2rem 2rem;
	}
	.light-mode .col23 {
		background-color: #dadade;
		background-color: rgba(218,218,222,0.45); /* light gray */
		border: solid 1px #696c7d;
	}
	.col23-nb {
		margin: 2% 1% 2% 1%;
		padding: 1.5%;
		width: 60%;
		float: left;		
	}

	@media only screen and ( max-width: 40em ) /* 640 */ {
		.rightBox {
			display: block;
			padding: 1.5rem;
			width: 95%;
			margin: 0;
			float: none;
		}
		.rightBox-nb {
			display: block;
			margin: 0;
			padding: .5rem;
			float: none;
			width: 95%;
		}
		.leftBox {
			display: block;
			padding: 1.5rem;
			width: 95%;
			margin: 0;
			float: none;
		}
		.leftBox-nb {
			display: block;
			margin: 0;
			padding: .5rem;
			float: none;
			width: 95%;
		}
		.col2, .col2-nb {
			display: block;
			margin: 0px;
			padding: 1.5%;
			width: 95%;
			float: none;
		}
		.col3 {
			display: block;
			margin: 0px;
			padding: 1.5%;
			width: 95%;
			float: none;
		}
		.col23, .col23-nb {
			display: block;
			margin: 0px;
			padding: 1.5%;
			width: 95%;	
			float: none;
		}
	}


/* HEADER */
	#header {
		width: 100%;
		height: 16rem;
		margin: 0;
		padding: 0;
		text-align: right;
		z-index: 447;
	}
	#header-box-1 {
		width: 16rem;
		height: 16rem;
		float: left;
		padding: 0;
		z-index: 448;
		
	}
	#header-box-2 {
		position:relative;
		width: 82rem;
		height: 5rem;
		left: 16rem;
		padding: 0;
		background-color: #222222;
		z-index: 449;		
	}
	.light-mode #header-box-2 {
		background-color: #b4b5be;
	}
	#taglinePlacer{
		position: absolute;
		text-align: left;
		left: 1rem;
		top: 1rem;
		font-family: "Vollkorn", serif;
		font-size: 2rem;
		color: #ffffff;
		text-shadow: 2px 2px 5px #000000;
	}
	#taglinePlacer .Impact {
		color: #E27D4A;
	}
	.light-mode #taglinePlacer .Impact {
		color: #293700;
	}
	.light-mode #taglinePlacer{		
		color: #111217;
		text-shadow: -2px -2px 5px #ffffff;
	}
	#topButton{
		position: absolute;
		right: 5.5rem;
		top: .2rem;
	}
	#navPlacer {
		position: absolute;
		width: 100%;
		left: 0rem;
		top: 5rem;
		padding: 0px;
		margin: 0px;
	}
	#logoPlacer {
		width: 15rem;
		height: 15rem;
		position: relative;
		left: 1rem;
	}

	a.Logo:link {
		width: 15rem;
		height: 15rem;
		font-size: 7rem;
		border: none;
	}
	a.Logo:hover {
		background-color: #db5d1d;
	}
	.light-mode a.Logo:hover {
		background-color: #a3db00;
	}
	/* Theme Toggle */
	#themeSwitch {
  		position: absolute;
  		width: 48px;
  		height: 24px;
		bottom: 0.3rem;
		right: 0.5rem;
  		background-color: #ccc;
  		border: none;
  		border-radius: 24px;
  		cursor: pointer;
  		display: inline-block;
  		vertical-align: middle;
  		transition: background-color 0.3s ease;
	}
	#themeSwitch:focus-visible {
  		outline: 2px solid #2196F3;
  		outline-offset: 4px;
}
	#themeLabel {
		font-size: 1.2rem;
		margin-right: 0.5rem;
	}
	.light-mode #themeLabel {
		color: #111217;
	}

		/* Slider circle */
	.slider {
  		position: absolute;
  		top: 3px;
  		left: 3px;
  		width: 18px;
  		height: 18px;
  		background-color: white;
  		border-radius: 50%;
  		transition: transform 0.3s ease;
	}

		/* Light mode active state */
	#themeSwitch[aria-checked="true"] {
  		background-color: #2196F3;
	}
	#themeSwitch[aria-checked="true"] .slider {
  		transform: translateX(24px);
	}

		/* Reduced motion support */
	@media (prefers-reduced-motion: reduce) {
		#themeSwitch,
		.slider {
			transition: none !important;
			}
	}


/* header resize based on browser width */
	@media only screen and ( max-width: 61.25em ) /* 980 */ {
		#header-box-2 {
			width: 83%;
			text-align:left;
		}	
	}
	@media only screen and ( max-width: 55em ) /* 880 */ {
		#header-box-2 {
			width: 79%;
			text-align:left;
		}
		#taglinePlacer{
			display: none;
		}
	}
	@media only screen and ( max-width: 48.75em ) /* 780 */ {
		#header-box-2 {
			width: 76%;
			text-align:left;
		}
		#taglinePlacer{
			display: none;
		}
	}
	@media only screen and ( max-width: 43em ) /* 688 */ {
		#header-box-2 {
			width: 79%;
			text-align:left;
		}
		#taglinePlacer{
			display: none;
		}
	}
	@media only screen and ( max-width: 36.25em ) /* 580 */ {
		#header-box-2 {
			width: 70%;
			text-align:left;
		}
		#taglinePlacer{
			display: none;
		}
	}
	@media only screen and ( max-width: 42.5em ) /* 480 */ {
		#header-box-2 {
			width: 69%;
			text-align:left;
		}
		#taglinePlacer{
			display: none;
		}
	}

/* FOOTER */
	#footer {
		width: 100%;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
		text-align: left;
		font-size: 1.2rem;
	}
	#footer p, .socialMedia {
		margin-left: 2rem;
	}
	.PayPal-Accept {
		display: block;
		margin: 0rem 0.1rem 0rem 0rem auto;
		max-width: 90%;
		height: auto;
	}
	@media only screen and ( max-width: 40em ) /* 400 */ {
		.PayPal-Accept {
			max-width: 27rem;
			height: auto;
		}
		#footer {			
			text-align: center;
		}
	}

/* NavMENU START */
	.clearfix::after {
	  content: "";
	  clear: both;
	  display: table;
	}

	#main-nav-container {
		width: auto;
		height: 3.5rem;
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #333333;
		-moz-border-radius: 0 0 1.5rem 0rem;
		border-radius: 0 0 1.5rem 0rem;
		position: relative;
		z-index: 10999!important;
	}

	#nav {
		width: 80rem; /* 800 */
		font-family: "Nunito", Arial, Helvetica, sans-serif;
		font-weight: 400;
		position: relative;
		-webkit-transform: translate(0rem, 0.6rem);
		-ms-transform: translate(0rem, 0.6rem);		
		-moz-transform: translate(0rem, 0.6rem);
		-o-transform: translate(0rem, 0.6rem);
    	transform: translate(0rem, 0.6rem);
	}
	#nav ul, li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#nav > a {
		display: none;
	}
	#nav li {
		position: relative;
	}
	#nav li a {
		color: #ffffff;
		display: block;
	}
	#nav li a:active {
		background-color: #919236 !important;
	}
	#nav span:after {
		width: 0;
		height: 0;
		border: 0.5rem solid transparent; /* 5 */
		border-bottom: none;
		border-top-color: #FFFFFF;
		content: '';
		vertical-align: middle;
		display: inline-block;
		position: relative;
		right: -0.5rem; /* 5 */
	}
	/* first level */
	
	#nav > ul {
		min-height: 2.5rem;
		background-color: none;		
	}
	#nav > ul > li {
		width: 26%;
		height: 100%;
		/*-webkit-transform: translate(-16rem, 0rem);
		-ms-transform: translate(-16rem, 0rem);		
		-moz-transform: translate(-16rem, 0rem);
		-o-transform: translate(-16rem, 0rem);
    	transform: translate(-16rem, 0rem);*/
		float: left;
	}
	#nav > ul > li > a {
		height: 100%;
		font-size: 1.4rem; /* 18 */
		line-height: 2rem;
		text-align: center;
	}
	#nav > ul > li:not( :last-child ) > a {
		border-right: 1px solid #000000;
	}
	#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
		background-color: #00A1DB;		
	}
	/* second level */
	
	#nav li ul {
		background-color: #BDDBFF;
		display: none;
		position: absolute;
		width: 96%;
		margin-left: 2%;
		top: 100%;
	}
	#nav li:hover ul {
		display: block;
		left: 0;
		right: 0;
	}
	#nav li:not( :first-child ):hover ul {
		left: -1px;
	}
	#nav li ul a {
		font-family: "Nunito", Arial, Helvetica, sans-serif;
		font-size: 1.8rem; /* 18 */
		color: #000000;
		border-top: 1px solid #777777;
		padding: 0.5rem;
	}
	#nav li ul a h3 {
		color: #DB5D1D;		
	}
	#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
		color: #FFFFFF;
		background-color: #777777;		
	}
	
	@media only screen and ( max-width: 50rem ) /* 800 */ {
		#main-nav-hl-box-1 {
			width: 16rem;
		}
		#main-nav-hl-box-2 {
			width: auto;
		}
		#nav > ul > li {
		width: 22%;
		}
	}


	 @media only screen and ( max-width: 43em ) /* 688 */ {
		/* #nav {
			 position: absolute;
			 right: 2rem;
		 }*/
		 #main-nav-hl-box-1 {
			width: 16rem;
		}
		#main-nav-hl-box-2 {
			width: 50%;			
		}


		#nav > a {
			width: 10rem; /* 100 */
			height: 2.7rem; /* 27 */
			text-align: center;
			text-indent: -9999px;
			background-color: #00A1DB;
			position: relative;
			right: 17rem;
			margin: 0 auto;
		}
		#nav > a:before, #nav > a:after {
			position: absolute;
			border: 2px solid #FFFFFF;
			top: 35%;
			left: 25%;
			right: 25%;
			content: '';
		}
		#nav > a:after {
			top: 60%;
		}
		#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
			display: block;
		}
		/* first level */
		
		#nav > ul {
			height: auto;
			display: none;
			position: absolute;
			left: 0;
			right: 0;
			background-color: #777777;
		}
		#nav:target > ul {
			display: block;
		}
		#nav > ul > li {
			width: 30%;
			float: none;
		}
		#nav > ul > li > a {
			color: #FFFFFF;
			height: auto;
			text-align: left;
			padding: 0 0.833rem; /* 20 (24) */
		}
		#nav > ul > li:not( :last-child ) > a {
			border-right: none;
			border-bottom: 1px solid #FFFFFF;
		}
		/* second level */
	
		#nav li ul {
			position: static;
			padding: 2rem; /* 20 */
			padding-top: 0;
		}
	 }
/* END NavMenu */

/* CONTACT FORM */
	#contact-form {
		display: inline-block;
		width: 60%;
		width: calc(70% - 10rem);
		text-shadow:0 .1rem 0 #FFF;
		border: .1rem solid #666427;		
		-webkit-border-radius: .4rem;
		-moz-border-radius: .4rem;
		border-radius: .4rem;
		background-color: rgba(145,146,54,.4);
		padding:2.5rem;
		margin: 2.5rem 0rem 2.5rem 0rem;
	}
	 @media only screen and ( max-width: 40em ) /* 640 */ {
		#contact-form {
			width: 90%;
		}
	 }

	#contact-form label span {
		cursor:pointer;
		color:#4A491C;
		display: inline-block;
		margin: .5rem 0;
		font-weight:900;
	}
	#contact-form input[type="text"],
	#contact-form input[type="email"],
	#contact-form textarea {
		width:100%;		
		-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
		-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
		box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
		border:1px solid #CCC;
		background:#FFF;
		margin:0 .5rem .5rem 0;
		padding: 1rem;
		border-radius: .5rem;
	}
	#contact-form input[type="text"]:hover,
	#contact-form input[type="email"]:hover,
	#contact-form input[type="tel"]:hover,
	#contact-form input[type="url"]:hover,
	#contact-form textarea:hover {
		-webkit-transition:border-color 0.3s ease-in-out;
		-moz-transition:border-color 0.3s ease-in-out;
		transition:border-color 0.3s ease-in-out;
		border:1px solid #AAA;
	}
	#contact-form textarea {
		height:10rem;
		max-width:100%;
	}
	#contact-form button[type="submit"] {
		cursor:pointer;
		width:auto;	
		background:#666427;
		margin: .7rem;
		padding: .5rem 1rem;
		font-family: "Nunito", Arial, Helvetica, sans-serif;
		font-size: 1.8rem;
		font-weight: 600;
		text-shadow: .2rem .2rem #000000;
		color: #FFFFFF;
		border-style: solid;
		border-width: .3rem;
		border-color: #FFFFFF #000000 #000000 #FFFFFF;
		-moz-border-radius: .7rem;
		border-radius: .7rem;
	}
	#contact-form button[type="submit"]:hover {
		background:#F8991D;	
	}
	#contact-form button[type="submit"]:active {
		box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
	}
	#contact-form input:focus,
	#contact-form textarea:focus {
		outline:0;
		border:1px solid #999;
	}
	::-webkit-input-placeholder {
		color:#888;
	}
	:-moz-placeholder {
		color:#888;
	}
	::-moz-placeholder {
		color:#888;
	}
	:-ms-input-placeholder {
		color:#888;
	}
	
	
	
	
/* SHOW MORE/LESS */
	.showContainer {
	  position: relative;	  
	  height: auto;
	}
	.showContainer > [type="checkbox"] {
	  position: absolute;
	  left: -9999px; 
	}
	.showContainer > label {  
	  display: block;
	  width: 100%;
	  height: auto;	  
	  cursor: pointer;
	  position: absolute;	  
	  color: #0079a4;	  
	  font-weight: 600;
	  transform: translate(2rem, 0);
	}
	.showContainer > label:before,
	.showContainer > label:after {
	  position: absolute;
	  color: #C3C6C7;
	  font-weight: 300; 
	}
	.light-mode	.showContainer > label:before,
	.light-mode .showContainer > label:after {
	   color: #22242e;
	}
	.showContainer > label:before {	  
	  content: "";  
	}
	
	.showContainer > label:after {
	  content: url('../images/icons/plus-more.png') " Answer" ;
	}
	
	.MoreLess > .showContainer > label:after {
	  content: url('../images/icons/plus-more.png') " More" ;
	}
	
	.showContainer > [type="checkbox"] ~ div,
	.showContainer > [type="checkbox"] ~ p,
	.showContainer > [type="checkbox"] ~ a,
	.showContainer > [type="checkbox"] ~ img,
	.showContainer > [type="checkbox"] ~ h1,
	.showContainer > [type="checkbox"] ~ h2,
	.showContainer > [type="checkbox"] ~ h3,
	.showContainer > [type="checkbox"] ~ h4,
	.showContainer > [type="checkbox"] ~ h5,
	.showContainer > [type="checkbox"] ~ hr,
	.showContainer > [type="checkbox"] ~ ul,
	.showContainer > [type="checkbox"] ~ ol {
	  display: none;
	}
	.showContainer > [type="checkbox"]:checked ~ div,
	.showContainer > [type="checkbox"]:checked ~ p,
	.showContainer > [type="checkbox"]:checked ~ a,
	.showContainer > [type="checkbox"]:checked ~ img,
	.showContainer > [type="checkbox"]:checked ~ h1,
	.showContainer > [type="checkbox"]:checked ~ h2,
	.showContainer > [type="checkbox"]:checked ~ h3,
	.showContainer > [type="checkbox"]:checked ~ h4,
	.showContainer > [type="checkbox"]:checked ~ h5,
	.showContainer > [type="checkbox"]:checked ~ hr,
	.showContainer > [type="checkbox"]:checked ~ ul,
	.showContainer > [type="checkbox"]:checked ~ ol {
	  display: block;
	  width: calc(100% - 2rem);
	  transform: translate(2rem, 0);
	}

	.showContainer > [type="checkbox"]:checked + label {
	  top: 100%;
	}
	.showContainer > [type="checkbox"]:checked + h4 {	  
	  color: #00A1DB;
	}
	
	.showContainer > [type="checkbox"]:checked + label:before {
	  content: "" ;
	}
	
	.showContainer > [type="checkbox"]:checked + label:after {
	  content: url('../images/icons/minus-less.png') " Close"; 
	}
	
	.MoreLess > .showContainer > [type="checkbox"]:checked + label:after {
	  content: url('../images/icons/minus-less.png') " Less"; 
	}

/* THIRD PARTY */
	/* LinkedIn */
	.libutton {
			  display: flex;
			  flex-direction: column;
			  justify-content: center;
			  padding: 7px;
			  text-align: center;
			  outline: none;
			  text-decoration: none !important;
			  color: #ffffff !important;
			  width: 200px;
			  height: 32px;
			  border-radius: 16px;
			  background-color: #0A66C2;
			  font-family: "SF Pro Text", Helvetica, sans-serif;
			}