/* Style reset to minimize inconsistencies */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#0c0c0c;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}

/* Fonts load in */
@font-face {
    font-family: 'NexaLight';
    src: url('fonts/Nexa-ExtraLight.woff2') format('woff2'),
         url('fonts/Nexa-ExtraLight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NexaHeavy';
    src: url('fonts/Nexa-Heavy.woff2') format('woff2'),
         url('fonts/Nexa-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Style */
#logoTxt h1 .light{
	font-size:45pt;
	font-family: 'NexaLight', Arial, Helvetica, sans-serif;
	text-align:left;
	margin: 0px;
	padding:0px;
	width: fit-content;
	block-size: fit-content;
	float:left;
	font-weight:100;
}
#logoTxt h1 .bold{
	font-size:45pt;
	font-family: 'NexaHeavy', Arial, Helvetica, sans-serif;
	text-align:left;
	margin: 0px;
	padding:0px;
	width: fit-content;
	block-size: fit-content;
	float:left;
}
.logoTxt{
	font-size:16pt;
	font-family: 'NexaLight', Arial, Helvetica, sans-serif;
	text-align:left;
	margin: 0px;
	padding:0px;
	width: fit-content;
	block-size: fit-content;
	float:left;
	font-weight:100;
}
a{
	color: inherit;
	text-decoration: none;
}
#header a:visited {
  color: inherit;
}
#header a:hover {
  color: inherit;
  text-shadow: #393939 1px 0 50px;
  cursor:pointer;
}
#header a:active {
  color: inherit;
}
@media only screen and (max-width: 599px){
	#overlayColor{
		background-image: linear-gradient(295deg, #fec23a, #c51a7c);
		opacity: 90%;
		width: 100%;
		height: 300px;
	}
	.logoTxt{
		font-size: 16pt;
		font-family: 'NexaLight', Arial, Helvetica, sans-serif;
		text-align: center;
		margin: 0 auto;
		padding: 0px;
		width: fit-content;
		block-size: fit-content;
		font-weight: 100;
		float:none;
	}
	#logoTxt{
		margin: 0 auto;
        top: 100px;
        width: 290px;
        position: relative;
        color: white;
		
	}
	#bgVid{
		position: relative;
		width: auto;
		min-width: 100%;
		height: auto;/
	}
	#videoBackground video{
		transform: translate(-50%, -20%);
		position: relative;
		top: 50%;
		left: 50%;
	}
	#videoBackground{
		width: 100%;
		max-height: 300px;
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -100;
	}
	#introTxt h1{
		font-size: 22pt;
        font-family: 'NexaHeavy', Arial, Helvetica, sans-serif;
        text-align: center;
        margin: 0 auto;
        padding: 0px;
        width: fit-content;
        block-size: fit-content;
        color: white;
        font-weight: 900;
	}
	#introTxt h2{
		font-size: 22pt;
        font-family: 'NexaLight', Arial, Helvetica, sans-serif;
        text-align: center;
        margin: 0px;
        padding: 0 50px 0 50px;
        width: fit-content;
        block-size: fit-content;
        color: white;
        font-weight: 100;
	}
	#introTxt{
		margin: 0 auto;
		width: fit-content;
		height: 300px;
		padding-top: 120px;
	}
	
}
@media only screen and (max-width: 1299px) and (min-width: 600px){
	#overlayColor{
		background-image: linear-gradient(295deg, #fec23a, #c51a7c);
		opacity: 90%;
		width: 100%;
		height: 300px;
	}
	#logoTxt{
		margin: 0 auto;
		float: none;
		top: 120px;
		width: fit-content;
		position: relative;
		color: white;
	}
	#bgVid{
		position: relative;
		width: auto;
		min-width: 100%;
		height: auto;/
	}
	#videoBackground video{
		transform: translate(-50%, -20%);
		position: relative;
		top: 50%;
		left: 50%;
	}
	#videoBackground{
		width: 100%;
		max-height: 300px;
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -100;
	}
	#introTxt h1{
		font-size: 22pt;
        font-family: 'NexaHeavy', Arial, Helvetica, sans-serif;
        text-align: center;
        margin: 0 auto;
        padding: 0px;
        width: fit-content;
        block-size: fit-content;
        color: white;
        font-weight: 900;
	}
	#introTxt h2{
		font-size: 22pt;
        font-family: 'NexaLight', Arial, Helvetica, sans-serif;
        text-align: center;
        margin: 0px;
        padding: 0 50px 0 50px;
        width: fit-content;
        block-size: fit-content;
        color: white;
        font-weight: 100;
	}
	#introTxt{
		margin: 0 auto;
		width: fit-content;
		height: 300px;
		padding-top: 120px;
	}
	
}
@media only screen and (min-width: 1300px){
	#overlayColor{
		background-image: linear-gradient(295deg, #fec23a, #c51a7c);
		opacity: 90%;
		width: 100%;
		height: 600px;
	}
	#logoTxt{
		margin: 0 auto;
		float: none;
		top: 270px;
		width: fit-content;
		position: relative;
		color: white;
	}
	#bgVid{
		position: relative;
		width: auto;
		min-width: 100%;
		height: auto;/
	}
	#videoBackground video{
		transform: translate(-50%, -20%);
		position: relative;
		top: 50%;
		left: 50%;
	}
	#videoBackground{
		width: 100%;
		max-height: 600px;
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -100;
	}
	#introTxt h1{
		font-size:25pt;
		font-family: 'NexaHeavy', Arial, Helvetica, sans-serif;
		text-align:left;
		margin: 0px;
		padding:0px;
		width: fit-content;
		block-size: fit-content;
		color:white;
		font-weight:900;
		float:left;
	}
	#introTxt h2{
		font-size:25pt;
		font-family: 'NexaLight', Arial, Helvetica, sans-serif;
		text-align:left;
		margin: 0px;
		padding:0px;
		width: fit-content;
		block-size: fit-content;
		color:white;
		font-weight:100;
		float:left;
	}
	#introTxt{
		margin: 0 auto;
		width: fit-content;
		height: fit-content;
		padding-top: 120px;
	}
}