.	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 */
	.nav ul				{ list-style-type: none;
						  margin: 0px;
						  padding: 0px;
						  overflow: hidden;
						  margin-right: 3%; 
						  padding: 4vh 0vw 3.5vh 0vw; }
	.nav li				{ float: right; }
	.nav li a			{ display: block;
						  padding: 0vh 2vw 0vh 2vw;
						  text-decoration: none;
						  font-size: 2vw;
						  font-weight: 300;
						  color: black; }
	.nav li a:hover		{ color: gray; 
						  transition: color .5s ease; }
	.nav li a.contact	{ border-right: none; }
	.menu				{ display: none; }
	.button				{ display: none; }
	img.header			{ position: absolute; 
					      top: 3.5vh; 
						  left: 6%;
						  width: 15%;
						  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: 0vw 0vh; 
						  max-width: 100%;
						  height: 100vh;
						  min-height: 100vh; }
	div.intro			{ position: absolute;
						  top: 45vh;
						  left: 10%; 
						  width: 80%;
						  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: 2.2vw;
						  font-weight: 200; 
						  margin: 1.5vw; }
						  
						  
	/* Default Child Page Styling */
	section.manage		{ margin: 27vh 8% 0vh 8%; 
						  line-height: 1.5;
						  font-size: 2.2vw;
						  font-weight: 200; }
	h2					{ font-weight: 200; 
						  font-size: 2.6vw; }
	h1.manage			{ font-weight: 200; 
						  text-align: center;
						  font-size: 3.2vw;
						  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: 2vw; 
						  text-align: center;
						  padding: .3vw 0vw; 
						  line-height: 2.5; }
	footer > p			{ animation: none; }
	#year				{ animation: none; }
	a.lance				{ color: white;
						  text-decoration: none; }
	a.lance:visited		{ color: white; }
	a.lance:hover		{ color: gray;
						  transition: color .5s ease; }
						  
	
	/* About Page */
	div.about			{ background-image: url("images/aboutback.jpg");
						  background-repeat: no-repeat;
						  background-size: cover;
						  background-attachment: fixed; 
						  background-position: -5vw 10vh;
						  max-width: 100%;
						  height: 100vh;
						  min-height: 100vh; }
	section.amanage		{ margin: 27vh 5% 0vh 5%; 
						  line-height: 1.5;
						  font-size: 2.1vw; }
	img.patent			{ width: 20%;
						  margin-top: 1vw; 
						  padding-left: 2vw;
						  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: 0vw 10vh;
						  max-width: 100%;
						  height: 105vw;
						  min-height: 100vh; }
	.mySlides			{ display: none; }
	div.slides			{ position: absolute;
						  left: 5%;
						  right: 5%; 
						  top: 34vh; 
						  text-align: center; }
	.slides img			{ border-radius: 1.6vw; 
						  width: 17%;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s; }
	.slides p			{ font-size: 2vw;
						  line-height: 1.5;
						  text-align: left; }
	.buttonleft			{ position: absolute;
						  top: 9vw;
						  left: 20%;
						  background-color: #202020;
						  border: none;
						  color: white;  
						  width: 3vw;
						  border-radius: 50%;
						  padding: .55vw 0vw;
						  font-size: 1.4vw; }
	.buttonright		{ position: absolute;
						  top: 9vw; 
						  right: 20%;
						  background-color: #202020;
						  border: none;
						  color: white; 
						  width: 3vw;
						  border-radius: 50%;
						  padding: .55vw 0vw;
						  font-size: 1.4vw; }
	button:hover		{ cursor: pointer;
						  background-color: black;
						  transition: background-color .5s ease; }
	button:focus		{ outline: 0; }
	h2					{ font-size: 2.3vw;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s; }
	h3					{ font-weight: 300;
						  font-size: 2vw;
						  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: -15vw 10vh;
						  max-width: 100%;
						  height: 100vh;
						  min-height: 100vh; }
	div.cap				{ position: absolute;
						  top: 40vh;
						  left: 2%;
						  width: 22.5%;
						  background-image: url("images/cap.jpg"); 
						  background-repeat: no-repeat;
						  background-size: 100% auto;
						  height: 22.5vw;
						  -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: 40vh;
						  left: 26.5%;
						  width: 22.5%; 
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s;
						  background-image: url("images/karas.jpg");
						  background-repeat: no-repeat;
						  background-size: 100% auto;
						  height: 22.5vw;
						  -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: 40vh;
						  right: 26.5%;
						  width: 22.5%;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s;
						  background-image: url("images/cis.jpg");
						  background-repeat: no-repeat;
						  background-size: 100% auto;
						  height: 22.5vw; 
						  -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: 40vh;
						  right: 2%;
						  width: 22.5%;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s;
						  background-image: url("images/dbd.jpg");
						  background-repeat: no-repeat;
						  background-size: 100% auto;
						  height: 22.5vw; 
						  -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: -15vw 10vh; 
						  max-width: 100%;
						  height: 115vw;
						  min-height: 100vh; }
	div.contactinfo		{ position: relative;
						  top: 48vw;
						  text-align: center; }
	p.ctext				{ font-size: 2.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: 6%;
						  width: 70%;
						  -webkit-animation: fadein 2s;
						  -moz-animation: fadein 2s; }
	form > input		{ position: relative; 
						  width: 41%; 
						  height: 3vw; 
						  padding: 1.75vw 1.5vw;
						  margin-bottom: 1vw; 
						  border-radius: 1.75vw;   
						  background-color: #202020;
						  border: .175vw solid #333230;
						  color: white;
						  font-family: 'Titillium Web', sans-serif;
						  font-size: 1.9vw;
						  font-weight: 200; }
	input.push			{ margin-left: 1.5vw; }
	input:hover			{ border: .175vw solid #808080;
						  transition: border .5s ease; }
	input:focus			{ background-color: white;
						  transition: background-color .5s ease;
						  border: .175vw solid #808080;
						  outline: 0;
						  color: black; }
	textarea.big		{ width: 90%;
						  height: 18vw; 
						  padding: 1.5vw;
						  border-radius: 1.75vw;    
						  background-color: #202020;
						  border: .175vw solid #333230; 
						  color: white;
						  font-family: 'Titillium Web', sans-serif; 
						  font-size: 1.9vw;
						  font-weight: 200;
						  resize: none;
						  color: white; }
	textarea:hover		{ border: .175vw solid #808080;
						  transition: border .5s ease; }
	textarea:focus		{ background-color: white;
						  transition: background-color .5s ease;
						  border: .175vw solid #808080;
						  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: 84.5%;
						  width: 10%; 
						  height: 4.5vw;
						  color: white;
						  background-color: #202020;
						  font-size: 1.6vw;
						  font-weight: 200; 
						  border: .175vw solid #333230;
						  font-family: 'Titillium Web', sans-serif;
						  border-radius: 200px; } 
	.csend:hover		{ cursor: pointer;
						  border: .175vw solid #808080; }
						
						
	/* Policy Page */
	div.policy			{ max-width: 100%;
						  height: 480vw; }
	section.ppmanage	{ margin: 22vh 7% 0vh 7%; 
						  line-height: 1.5;
						  font-size: 2.2vw; }
	span.head			{ color: #c6c6c6;
						  font-size: 2.4vw; }
						  
			