@media only screen and (max-width: 1049px) {
.cd-section:first-of-type > div { position:relative; z-index:-1!important;  }
.cd-section:first-of-type {position:relative; z-index:1!important; }
.cd-section:first-of-type #particles-js { position:absolute; z-index:-1!important;  }

.cd-section:nth-of-type(3) > div { position:relative; z-index:-1!important;  }
.cd-section:nth-of-type(3) {position:relative; z-index:1!important; }
.cd-section:nth-of-type(3) #particles-js2 { position:absolute; z-index:-1!important;  }
}
*, *::after, *::before { box-sizing: border-box; }
body::before { content: 'mobile'; display: none; }
.cd-section {  height: 100vh; }
.cd-section .full-height { height: 100vh; }
@supports (-webkit-touch-callout: none) {
  .cd-section, .cd-section .full-height {
    height: -webkit-fill-available;
  }
}
.delay-500 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
html, body { height: 100%; padding: 0; margin: 0; }
body {
	background: #000;
	color: #fff;
	font-weight: 400;
	text-align: center;
	text-rendering: optimizeLegibility;
	height: 100%; 
	width: 100%;
	overflow: hidden;
}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; }
a, a:visited, a:hover, a:active, a:focus, input, select, textarea { outline: none; text-decoration: none; }
:focus, .btn:focus { outline: 0; }
.scroll { overflow: visible!important; height: 100%; width: 100%; }

#particles-js, #particles-js2 {
   width: 100%;
   height: 100%;
   position: fixed ;
   display: block;
   z-index:-10;
   top: 0;
   left: 0;  
   opacity: 0.7;
}
#particles-js canvas {
   display: block;
    vertical-align: bottom;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity .8s ease
    -webkit-transform 1.4s ease;
    transition: opacity .8s ease, transform 1.4s ease;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
}
.animate {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-duration: .8s;
	animation-fill-mode: both;
}
.block {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
p { margin: 20px 0; }

h1 {
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 24px;
	padding-bottom: 40px;
	text-transform: uppercase;
}
h1.cent {text-align: center; margin-left: 2%; }

.text-center { margin: 0 auto; }

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@media only screen and  (max-width: 568px) {
	h1 { font-size: 22px!important; line-height: 25px; letter-spacing: 2px; }
	h1.cent { margin-left: 6%; }
	.cd-section {min-height:100%!important;  width: 100%; min-height:550px!important; }
	.full-height { height:100%; min-height:100vh!important; min-height:550px!important; }
}

@media only screen and  (min-width:570px) and (max-width:980px) {
	.cd-section {min-height:100%!important;  width: 100%; min-height:750px!important; }
	.full-height { height:100%; min-height:100vh!important; min-height:750px!important; }
}

@media only screen and  (max-width:980px) {
	.container { max-width: 90%!important; padding: 0 10px; }
}

@media only screen and (max-width: 1050px) {
	body { overflow: visible!important; height: 100%; width: 100%; }
}

@media only screen and (min-width: 1050px) {
	.cd-vertical-nav { display: block; }
	.cd-section:first-of-type>div::before { display: none; }
	.cd-section>div {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	[data-hijacking="on"] .cd-section>div { position: absolute; visibility: visible; }
	body::before { content: 'desktop'; }
	[data-hijacking="on"] .cd-section {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	[data-hijacking="off"] .cd-section>div { opacity: 0; }
	body[data-hijacking="on"] { overflow: hidden; }		
}
