@charset "UTF-8";
/* CSS Document */

html {
	scroll-behavior:smooth;
	overflow-x: hidden;
}

* {
	font-family: 'Raleway', sans-serif;
	margin:0;
	padding:0;
	box-sizing:border-box;
	line-height:1.4;
	text-align:center;
	font-weight:400;
	color:#FFFFFF;
}

*:focus {
	outline:none;
	outline:none;
}

a, button {
	focus:none;
}

btn:focus, a:focus
{
         outline: none;
}
.navbar-toggler:focus
{
         outline: none !important;
         box-shadow: none;
}

strong, em, span {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	font-weight:inherit;
}

strong {
	font-weight:700;
}

sup {
	font-family:inherit;
	font-size:50%;
}

.nowrap {
	white-space: nowrap;
    font-weight: inherit;
    font-family: inherit;
}

.max-width {
	max-width:1000px;
	margin:0 auto 0;
	display:block;
	width:100%;
}

.clear {
	clear:both;
}

body {
	background:rgba(0,0,0,1);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	text-transform:none;
	color:#FFFFFF;
	letter-spacing:0px;
	margin:0 auto 22px;
	padding: 0;
	position: relative;
}

span.light {
	font-weight:400;
}

h1 {
	font-family:'Raleway';font-weight:200;text-transform:uppercase;letter-spacing:1px;
	line-height:1.2;
	font-size:24px;
}

h1 strong {
	font-weight:300;
}

h2 {
	font-size:18px;
}

p {
	font-size:18px;
	margin:0 auto 22px;
	color:#FFFFFF;
	padding:0;
}

@media screen and (min-width: 768px) {

	h1, h2, h3, h4, h5, h6 {
		padding: 0 0px 0;
	}
	
	h1 {
		font-size:30px;
	}
	
	h2 {
		font-size:20px;
	}
	
	p {
		font-size:20px;
		padding:0;
	}
			
}

@media screen and (min-width: 1028px) {
	
	h1 {
		font-size:38px;
	}
	
	h2 {
		font-size:22px;
	}
			
}

#background {
	position: fixed;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    z-index: -1;
    filter: brightness(.4) contrast(1.2) saturate(1.2);
}

#wrapper {
	position:relative;
	display:block;
	padding:33px 22px;
	margin:0px auto 0;
	overflow:hidden;
	max-width:1100px;
	height:100dvh;
	height: calc(var(--vh, 1vh) * 100);
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

@media screen and (min-width: 468px) {
	#wrapper {
		padding:44px;
	}
}

#logo {
	width:100%;
	display:block;
	position:relative;
	z-index:-2;
	margin:22px auto 22px;
	top: 30%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	filter:drop-shadow(0 0 111px rgba(0,0,0,.8))
}

@media screen and (min-width: 768px) {
	#logo {
		top: 40%;
		-webkit-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		transform: translateY(-40%);
	}
}

h2 {
	background: rgba(0,255,255,1);
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1.0em;
	margin:0px auto 11px;
	padding: 8px 22px 2px;
}

@media screen and (min-width: 768px) {
	h2 {
		font-size: 22px;
		letter-spacing: 1.5em
	}
}

form {
	display:inline-block;
	width:100%;
	max-width:400px;
}

input {
	color:#000000;
	text-align:center;
	width:100%;
	display:block;
	padding:6px 12px 6px;
	font-size:16px;
	border:1px solid #FFFFFF;
	background:#FFFFFF;
}

button.submit {
	text-transform:uppercase;
    padding: 8px 22px 8px;
    font-size: 18px;
	text-align:center;
    font-weight: 200;
    text-decoration: none;
    color: #FFFFFF;
	border:1px solid #FFFFFF;
    display: inline-block;
    margin: 11px auto 22px;
	letter-spacing:1px;
	background:rgba(0,0,0,.5);
	width:100%;
}

button.submit:hover {
	background:#ff02bb;
}

/* @media screen and (min-width: 768px) {
	
	input {
		display:inline;
		text-align: left;
		width: 350px;
		height: 43px;
		transform: translateX(5px);
	}
	
	button.submit {
		float:none;
		display:inline;
		width:200px;	
	}
			
} */

/* FOOTER */

#footer {
	position: fixed;
    bottom: 47px;
    left: 22px;
    right: 22px;
}

@media screen and (min-width: 768px) {
	#footer {
	    bottom: 27px;
	}
}

#footer a {
	text-decoration:none;
}

#footer i {
	color: #ff02bb;
    font-size: 33px;
    margin: 0 auto 0;
    vertical-align: middle;
	display:block;
}

#footer a:hover i {
	color:#FFFFFF;
}

/* @media screen and (min-width: 1768px) {
	#footer i {
		font-size: 44px;
		margin: -4px 5px 0 17px;
		vertical-align: middle;
		display:inline-block;
	}

} */

input {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	border-radius: 0;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
	opacity:.4;
	z-index:-2;
}

/* Animation */

.vegas-animation-kenburns {
    animation: kenburns1 ease-out;
}

@-webkit-keyframes kenburns1 {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes kenburns1 {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}