body {
	margin: 0;
	background: #060008;
	font-family: "Lucida Console", Monospace;
	color: white;
}
canvas {
	display: block;
	margin: 0;
	outline: none;
}

img {
	max-width: 100%;
}

form {
	border: 4px solid white;
	width: 150vh;
	max-width: 100%;
	box-sizing: border-box;
	border-radius: 50px;
	margin: auto;
	margin-top: 7vw;
	margin-bottom: 10vh;
	padding: 3vw;
	font-size: MAX(2vw, 2vh);
}

input {
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: inherit;
	font-family: inherit;
	width: 100%;
	background-color: #363636;
	color: #4AF626;
	box-sizing: border-box;
	border: 2px solid white;
}

input[type="text"] {
	max-width: 100%;
}

textarea{
	margin-top: 10px;
	margin-bottom: 30px;
	height:MIN(50vw, 50vh);
	width:100%;
	max-width: 100%;
	font-size: inherit;
	font-family: inherit;
	background-color: #363636;
	color: #4AF626;
	resize: none;
	box-sizing: border-box;
	border: 2px solid white;
}

div.formCol{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
div.formItem{
	width: 66vh;
	width:50vh;
	max-width: 100%;
	box-sizing: border-box;
	padding: MIN(1.2vw, 1.2vh) MAX(2vw, 2vh);
	flex-grow: 1;
}

button.contact{
	border:3px solid white;
	Background-color: rgba(0,0,0,0);
	padding: 14px 20px;
	margin: 20px;
	margin-bottom: 1px;
	color: white;
	font-size: MAX(2.8vw, 2.8vh);
	font-family: "Lucida Console", Monospace;
	font-weight: bold;
	border-radius: 15px;
}
button.contact:hover{
	border: 5px solid white;
	margin-top: 17px;
}

h1.TNX{
	text-align: center;
	margin:0;
	font-size: MAX(7vw, 6.3vh);
	font-family: "Lucida Console", Monospace;
	font-weight: bold;
	display: inline-block;

}

h2.Tagline{
	text-align: center;
	margin:0;
	font-size: MAX(2.35vw, 2.1vh);
	font-family: "Lucida Console", Monospace;
}


h2{
	text-align: center;
	margin:0;
	font-size: MAX(2.8vw, 2.8vh);
	font-family: "Lucida Console", Monospace;	
	display: inline-block;
}

div.content{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	/*min-height: 100vh;*/
	color:white;
}
div.fifty img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.fifty video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.fifty{
	align-content: center;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	min-width:50vw;
	width: MAX(50vh, 50%);
	height: MAX(50vw, 50vh);
	max-width: 100%;
	min-width: 50%;
	max-height: MAX(50vh, 50%);
	font-size: MAX(1.8vw, 1.8vh);
	flex-grow: 1;
}
div.fiftyText{
	padding:MIN(5vh, 5vw);
	min-height: 40vh;
	max-width: 100%;
	box-sizing: border-box;
}
div.HoverBar{
	background-color: rgba(0,0,0,.8);
	box-sizing: border-box;
	padding:5vw;
	margin: auto;
	/*width: MAX(41vw, 41vh);*/
	max-width: 100%;
	/*max-width: 100vw;*/
	border-radius: 20px;
	float:right;

}
div.Intro{
	display:grid;
  	position: absolute;
  	padding: 0;
	padding-top: MIN(20vh, 20vw);
	color:white;
	text-align: center;
	animation-name: introText;
	animation-duration: 3s;
	width: MIN(120vh, 1200px);
	max-width: 100%;
	margin: 0px;
	
}
.HeroVid{
	display: cover;
	padding: 0;
	margin: auto 0;
	height: MAX(100%, 60vw);
	max-height: 180vw;
	z-index: -1;
	overflow: hidden;
}
div.heroDiv{
	width: MAX(100vh, 60vw);
	height: 100vh;
	max-width: 120%;
	margin: 0;
	float: right;
	display:inline-block;
	align-content: center;
	/*margin-bottom: MIN(20vh, 20vw);*/
	overflow: hidden;
}

@keyframes introText {
	0%		{opacity: 0%; padding-top:MIN(22vh, 22vw)}
	/*25%		{oopacity: 25%;}
	50%		{oopacity: 50%;}
	75%		{oopacity: 75%;}*/
	100%	{oopacity: 100%; paddin-top:MIN(20vh, 20vw)}
}