html				{ height: 100%; 
						  scroll-behavior: smooth;
						  overscroll-behavior: contain; }
	
	/* Default Body Styling */
	body				{ position: relative;
						  max-width: 100%;
						  min-height: 100%; 
						  font-family: 'Titillium Web', sans-serif;
						  font-weight: 200;
						  margin: 0px; 
						  background-color: black;
						  color: white; }
	img					{ max-width: 100%; }
	header				{ background-color: white;
						  position: fixed;
						  top: 0%;
						  width: 100%;
						  z-index: 1; }
	div.soon			{ display: none; }
	div.error			{ display: none; }
	@-webkit-keyframes fadein {	from { opacity: 0; }
								to { opacity: 1; } }
	p					{ -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s; }
	
	
	/* Navigation Bar */
	.button 			{ background-color: white;
						  color: black;
						  border: none;
						  padding: 3vw;
						  font-size: 3.8vw;
						  font-weight: 300;
						  font-family: 'Titillium Web', sans-serif;
						  margin: 2vh 6vw 1vh 0vw; }
	.menu 				{ float: right; 
						  display: inline-block; }
	.menu-content 		{ display: none;
						  position: absolute;
						  max-width: 33%;
						  z-index: 1; }
	.menu-content a 	{ color: black;
						  background-color: white;
						  padding: 3vw 5vw 3vw 3vw;
						  text-decoration: none;
						  font-family: 'Titillium Web', sans-serif;
						  display: block;
						  font-size: 2.8vw; 
						  font-weight: 300;
						  border-bottom: 1px solid black; }
	.menu-content a.noborder  { border: none; }
	.menu-content a:hover 	  { background-color: white;
								color: gray; }
	.menu:hover .menu-content { display: block;
								-webkit-animation: fadein 2s;
								-moz-animation: fadein 2s; }
	.menu:hover .button		  { background-color: white; 
							    color: gray; }
	a.top				{ margin-top: -2vh; }
	.nav 				{ display: none; }
	img.header			{ position: absolute; 
					      bottom: 28.5%;
						  left: 6%;
						  width: 22%;
						  max-width: 100%; }
						 
						 
	/* Home Page */
	div.main			{ background-image: url("images/indexback.jpg");
						  background-repeat: no-repeat;
						  background-size: cover;
						  background-attachment: fixed;
						  background-position: -70vw 0vh; 
						  max-width: 100%;
						  height: 100vw;
						  min-height: 90vh; }
	div.intro			{ position: absolute;
						  top: 40vh;
						  left: 5%; 
						  right: 5%; 
						  background-color: rgba(0, 0, 0, .8);
						  color: white;
						  border-radius: 3.25vw;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s; }
	div.intro p 		{ text-align: center;
						  line-height: 1.5; 
						  font-size: 3.3vw; 
						  font-weight: 200; 
						  margin: 2.5vw 2vw 2vw 2vw; }
						  
						  
	/* Default Child Page Styling */
	section.manage		{ margin: 27vh 5% 0vw 5%; 
						  line-height: 1.5;
						  font-size: 3.3vw;
						  font-weight: 200; }
	h2					{ font-weight: 200; 
						  font-size: 3.7vw; }
	h1.manage			{ font-weight: 200; 
						  text-align: center;
						  font-size: 4.6vw;
						  position: relative;
						  top: 18vh; }
	footer				{ position: absolute;
						  left: 0px;
						  right: 0px; 
						  bottom: 0px;
						  width: 100%;
						  color: white;
						  background-color: #202020;
						  text-decoration: bold;
						  font-size: 3.2vw;
						  font-weight: 200;
						  text-align: center; 
						  line-height: 1.75; }
	footer > p			{ animation: none;
						  padding: 1vw 0vw 1vw 2vw; }
	#year				{ animation: none; }
	a.lance				{ color: white;
						  text-decoration: none; }
	a.lance:visited		{ color: white; }
		
		
	/* About Page */
	div.about			{ background-image: url("images/aboutback.jpg");
						  background-repeat: no-repeat;
						  background-size: cover;
						  background-attachment: fixed; 
						  background-position: -20vw 5vh;
						  max-width: 100%;
						  height: 170vw;
						  min-height: 92vh; }
	section.amanage		{ margin: 27vh 5% 0vh 5%; 
						  line-height: 1.5;
						  font-size: 3.3vw; }
	img.patent			{ width: 30%;
						  margin-top: 2vw; 
						  padding: 0vw 0vw 2vw 1vw;
						  float: right; 
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s; }	

	
	/* Team Page */
	div.team			{ background-image: url("images/teamback.jpg");
						  background-repeat: no-repeat;
						  background-size: cover; 
						  background-attachment: fixed;
						  background-position: -20vw 5vh;
						  max-width: 100%;
						  height: 180vw;
						  min-height: 100vh; }
	.mySlides			{ display: none; }
	div.slides			{ position: absolute;
						  left: 5%;
						  right: 6%; 
						  top: 33vh;
						  text-align: center; }
	.slides img			{ border-radius: 1.6vw; 
						  width: 27%;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s; }
	.slides p			{ font-size: 3.1vw;
						  line-height: 1.5;
						  text-align: left; }
	.buttonleft			{ position: absolute;
						  top: 13vw;
						  left: 12%;
						  background-color: #202020;
						  border: none;
						  color: white; 
						  width: 4vw;
						  border-radius: 50%;
						  padding: .75vw 0vw;
						  font-size: 2.2vw; }
	.buttonright		{ position: absolute;
						  top: 13vw; 
						  right: 12%;
						  background-color: #202020;
						  border: none;
						  color: white;
						  width: 4vw;
						  border-radius: 50%;
						  padding: .75vw 0vw;
						  font-size: 2.2vw; }
	button:hover		{ cursor: pointer;
						  background-color: black; }
	button:focus		{ outline: 0; }
	h2					{ font-size: 3.8vw; 
						  line-height: .75;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s; }
	h3					{ font-weight: normal;
						  font-size: 3vw;
						  color: gray;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s; }
						  
						  
	/* Projects Page */
	div.projects		{ background-image: url("images/projectback.jpg");
						  background-repeat: no-repeat;
						  background-size: cover;
						  background-attachment: fixed;
						  background-position: -70vw 5vh;
						  max-width: 100%;
						  height: 185vw;
						  min-height: 100vh; }
	div.cap				{ position: absolute;
						  top: 32.5vh;
						  left: 10%;
						  width: 35%;
						  background-image: url("images/cap.jpg"); 
						  background-repeat: no-repeat;
						  background-size: 100% auto;
						  height: 35vw;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s;
						  -webkit-transform: scale (1,1);
						  -webkit-transition: all .3s ease-in-out; 
						  -moz-transform: scale (1,1);
						  -moz-transition: all .3s ease-in-out;
						  -ms-transform: scale (1,1);  }
	a.cap				{ display: block;
						  height: 100%; }
	div.cap:hover		{ -webkit-transform: scale(.75,.75);
						  -webkit-transition: all .3s ease-in-out;
						  -moz-transform: scale (1,1);
						  -moz-transition: all .3s ease-in-out; 
						  -ms-transform: scale (1,1); }
	div.karas			{ position: absolute;
						  top: 62vh;
						  left: 10%;
						  width: 35%; 
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s;
						  background-image: url("images/karas.jpg");
						  background-repeat: no-repeat;
						  background-size: 100% auto;
						  height: 35vw;
						  -webkit-transform: scale (1,1);
						  -webkit-transition: all .3s ease-in-out; 
						  -moz-transform: scale (1,1);
						  -moz-transition: all .3s ease-in-out;
						  -ms-transform: scale (1,1); }
	a.karas				{ display: block;
						  height: 100%; }
	div.karas:hover		{ -webkit-transform: scale(.75,.75);
						  -webkit-transition: all .3s ease-in-out;
						  -moz-transform: scale (1,1);
						  -moz-transition: all .3s ease-in-out; 
						  -ms-transform: scale (1,1); }
	div.cis				{ position: absolute;
						  top: 32.5vh;
						  right: 10%;
						  width: 35%;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s;
						  background-image: url("images/cis.jpg");
						  background-repeat: no-repeat;
						  background-size: 100% auto;
						  height: 35vw; 
						  -webkit-transform: scale (1,1);
						  -webkit-transition: all .3s ease-in-out; 
						  -moz-transform: scale (1,1);
						  -moz-transition: all .3s ease-in-out;
						  -ms-transform: scale (1,1); }
	a.cis				{ display: block;	
						  height: 100%; }
	div.cis:hover		{ -webkit-transform: scale(.75,.75);
						  -webkit-transition: all .3s ease-in-out;
						  -moz-transform: scale (1,1);
						  -moz-transition: all .3s ease-in-out; 
						  -ms-transform: scale (1,1); }
	div.dbd				{ position: absolute;
						  top: 62vh;
						  right: 10%;
						  width: 35%;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s;
						  background-image: url("images/dbd.jpg");
						  background-repeat: no-repeat;
						  background-size: 100% auto;
						  height: 35vw; 
						  -webkit-transform: scale (1,1);
						  -webkit-transition: all .3s ease-in-out; 
						  -moz-transform: scale (1,1);
						  -moz-transition: all .3s ease-in-out;
						  -ms-transform: scale (1,1); }
	a.dbd				{ display: block;	
						  height: 100%; }
	div.dbd:hover		{ -webkit-transform: scale(.75,.75);
						  -webkit-transition: all .3s ease-in-out;
						  -moz-transform: scale (1,1);
						  -moz-transition: all .3s ease-in-out; 
						  -ms-transform: scale (1,1); }
	
	
	/* Contact Page */
	div.contact			{ background-image: url("images/contactback.jpg");
						  background-repeat: no-repeat;
						  background-size: cover;
						  background-attachment: fixed;
						  background-position: -70vw 5vh; 
						  max-width: 100%;
						  height: 135vw;
						  min-height: 90vh; }
	div.contactinfo		{ position: relative;
						  top: 55vw;
						  text-align: center; }
	p.ctext				{ font-size: 3.2vw;
						  line-height: 1.75; }
	span.tel			{ text-decoration: none;
						  color: white; }
	a.link				{ color: white;
						  text-decoration-thickness: 1px;
						  text-underline-offset: 2px; }
	a.link:visited		{ color: white; }
	a.link:hover		{ color: #c6c6c4;
						  transition: color .5s ease; }
	div.form			{ position: absolute;
						  left: 5%;
						  width: 90%;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s; }
	form > input		{ position: relative; 
						  width: 42%;
						  height: 5vw; 
						  padding: 2.25vw 2vw;
						  margin-bottom: 1vw;
						  border-radius: 2vw;    
						  background-color: #202020;
						  border: .25vw solid #333230;
						  color: white;
						  font-family: 'Titillium Web', sans-serif;
						  font-size: 2.6vw;
						  font-weight: 200; }
	input.push			{ margin-left: 1.5vw; }
	input:focus			{ background-color: white;
						  transition: background-color .5s ease;
						  border: .25vw solid #808080;
						  transition: border .5s ease;
						  outline: 0;
						  color: black; }
	textarea.big		{ width: 92%; 
						  height: 20vw; 
						  padding: 2vw;
						  border-radius: 2vw;   
						  background-color: #202020;
						  border: .25vw solid #333230;
						  color: white;
						  font-family: 'Titillium Web', sans-serif;
						  font-size: 2.6vw;
						  font-weight: 200;
						  resize: none;
						  color: white;  }
	textarea:focus		{ background-color: white;
						  transition: background-color .5s ease;
						  border: .25vw solid #808080;
						  transition: border .5s ease;
						  outline: 0; 
						  color: black; }
	::-webkit-input-placeholder { color: white;
								  font-family: 'Titillium Web', sans-serif; }
	:focus::-webkit-input-placeholder { color: black; }
	.csend				{ position: relative;
						  left: 85%;
						  width: 13%; 
						  height: 6.5vw; 
						  color: white;  
						  background-color: #202020;
						  font-size: 2.4vw;
						  font-weight: 200;
						  border: .25vw solid #333230;
						  font-family: 'Titillium Web', sans-serif;
						  border-radius: 250px; }
	.csend:hover		{ cursor: pointer;
						  border: .25vw solid #808080; }
						
						
	/* Policy Page */
	div.policy			{ max-width: 100%;
						  height: 865vw; }
	section.ppmanage	{ margin: 22vh 5% 0vh 5%; 
						  line-height: 1.5;
						  font-size: 3.2vw; }
	span.head			{ color: #c6c6c6;
						  font-size: 3.4vw; }