body{padding:0;margin:0;font-family:'nexalight';font-size:16px;text-align:center;color:#fff;background-color:black}a{cursor:pointer;color:inherit}p{font-size:18px;line-height:22px}@media only screen and (max-width: 340px){p{line-height:18px;font-size:14px}}.dropdown{position:fixed;top:-15px;margin-top:-300px;left:50%;margin-left:-200px;z-index:10;transition:all 1s}.dropdown.change{margin-top:0;transition:all 1s}.dropdown#left-dropdown{left:0;margin-top:0;margin-left:-300px}.dropdown#left-dropdown.change{margin-top:0;margin-left:0;transition:all 1.5s}@media only screen and (max-width: 170px){.dropdown{width:200px;margin-left:-100px}}@font-face{font-family:'nexalight';src:url('/less/webfonts/Nexa_Free_Light-webfont.woff2') format('woff2'),url('/less/webfonts/Nexa_Free_Light-webfont.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'nexabold';src:url('/less/webfonts/Nexa_Free_Bold-webfont.woff2') format('woff2'),url('/less/webfonts/Nexa_Free_Bold-webfont.woff') format('woff');font-weight:normal;font-style:normal}h1,h2{font-weight:normal;color:#fecf0c;font-size:35px;font-family:'nexabold'}h1 span,h2 span{color:#fff}strong,h3{font-weight:normal;font-family:'nexabold'}h3{font-size:24px}h3 a{text-decoration:none}@media only screen and (max-width: 340px){h1{font-size:24px;line-height:28px}}header{float:left;margin-bottom:-30vh;background-size:cover;width:100%;background-image:url(/images/hexagon-background.jpg);position:fixed;z-index:1;height:100vh;background-color:black}header.internal-header{position:relative;margin-bottom:0;height:auto}@media only screen and (max-width: 170px){header{height:200px;background-image:none}header p{display:none}header h1{font-size:13px;line-height:18px}header .text-contain{padding:10px}}.button{border:dotted 1px #fff;line-height:45px;display:inline-block;color:#000;text-decoration:none;position:relative;z-index:9999999;padding:2px 25px 0;font-family:'nexabold';cursor:pointer}.button:hover{background-color:red}.nav-trigger{position:fixed;top:25px;width:30px;height:24px;right:20px;display:block;z-index:999;box-sizing:border-box;transform:skewY(30deg);transition:all 1s;cursor:pointer}@media only screen and (max-width: 580px){.nav-trigger{width:25px}}.nav-trigger.active{transform:skewY(0);transition:all .5s}.nav-trigger.active .line.top{transform:skewY(-30deg);top:50%;height:5px;background-color:#000;transition:all .5s;left:0;margin-top:-2.5px}.nav-trigger.active .line.middle{width:0;left:50%;transition:all .5s}.nav-trigger.active .line.bottom{transform:skewY(30deg);top:50%;left:0;height:5px;background-color:#000;transition:all .5s;margin-top:-2.5px}.nav-trigger .line{cursor:pointer;width:100%;height:5px;position:absolute;float:left;background-color:#000;transition:all .5s}.nav-trigger .line.top{top:0;left:0}.nav-trigger .line.middle{top:50%;left:0;margin-top:-2.5px}.nav-trigger .line.bottom{bottom:0;left:0}nav{position:fixed;right:-3px;top:-510px;width:280px;background-color:#fff;padding-top:180px;z-index:110;padding-bottom:80px;transform:skewY(30deg);border:solid 1px #000;transition:all .5s}nav.slide{transition:all .5s;top:-120px}nav a{width:100%;font-family:'nexabold';line-height:45px;font-size:20px;color:#000;float:left;transform:skewY(-30deg);text-decoration:none}nav a:hover{color:#fecf0c}.hide.change{opacity:0}.text-contain{max-width:460px;width:100%;box-sizing:border-box;margin:auto;padding:30px;position:absolute;top:50%;opacity:1;left:50%;transform:translateY(-50%) translateX(-50%)}.text-contain.hide{max-width:660px}@media only screen and (max-width: 170px){.text-contain{padding:10px}.text-contain p{display:none}}#blonc-logo{display:block;margin:auto;margin-top:45px}@media only screen and (max-width: 340px){#blonc-logo{width:100px;margin-top:30px}}@media only screen and (max-width: 170px){#blonc-logo{width:40%;margin-top:20px}}#swirl{position:absolute;left:50%;margin-left:-40px;bottom:15vh}@media only screen and (max-width: 580px){#swirl{bottom:5vh;width:80px}}@media only screen and (max-width: 340px){#swirl{bottom:7vh;width:40px;margin-left:-20px}}@media only screen and (max-width: 170px){#swirl{width:25px;margin-left:-12.5px;bottom:20px}}#triangle{z-index:2;position:relative;width:100%}@media only screen and (max-width: 900px){#triangle{width:250%}#triangle.left{margin-left:-30%}#triangle.right{right:0;margin-left:-115%}}@media only screen and (max-width: 580px){#triangle.left{margin-left:-60%}#triangle.right{right:0;margin-left:-85%}}.yellow-arrow{width:100%;position:relative;float:left;margin-top:30px;bottom:0}.yellow-arrow img{float:left;width:100%;position:relative;bottom:0}.internal-section{float:left;width:100%;background-color:#fecf0c;position:relative;z-index:4;box-sizing:border-box;margin-bottom:-410px;padding:0 30px 450px}.internal-section svg{position:absolute;z-index:100;top:0;margin-top:-200px;left:50%;width:120px;height:120px;margin-left:-60px}.internal-section h1{position:absolute;top:150px;font-size:47px;margin-top:-200px;left:0;color:#000;z-index:999;width:100%}.internal-section .text{max-width:460px;margin:auto}.internal-section .text h2{font-size:20px;color:#000}.internal-section .text h2:nth-of-type(1n){margin-top:45px}.internal-section .text p{color:#000}section{float:left;position:relative;margin-bottom:-57.6%;overflow-x:hidden}@media only screen and (max-width: 900px){section{margin-bottom:-195%}}@media only screen and (max-width: 580px){section{margin-bottom:-159%}section svg{width:70px}section h2{font-size:26px;margin-top:0}}@media only screen and (max-width: 170px){section{margin-bottom:-161%}section h2{font-size:15px}}section#triangle{z-index:2;position:relative;width:100%}section .text-contain{z-index:2}section#yellow h2,section#white h2,section#yellow p,section#white p{color:black}section#yellow h2,section#white h2{margin-bottom:0}section#yellow p,section#white p{margin-top:10px}@media only screen and (max-width: 170px){section svg{width:40px;height:40px}}footer{width:100%;position:absolute;bottom:0;z-index:10;float:left}footer img{width:100%;float:left}footer:before{content:''}footer #foot-contain{width:100%;background-color:#000;floaT:left}footer #foot-contain .footer-text{margin-top:-18%;color:#fff}@media only screen and (max-width: 900px){footer #foot-contain .footer-text{margin-top:-40px;padding-bottom:40px}}@media only screen and (max-width: 580px){footer #foot-contain .footer-text{margin-top:-20px;padding-bottom:40px}}footer #foot-contain .footer-text p{color:#fff}footer #foot-contain .footer-text p a{margin-top:10px;font-size:10px}footer #foot-contain .footer-text h2,footer #foot-contain .footer-text h3{color:#fecf0c}@media only screen and (max-width: 170px){footer #foot-contain .footer-text{margin-top:-50px;padding-bottom:10px}footer #foot-contain .footer-text p{display:none}footer #foot-contain .footer-text h2,footer #foot-contain .footer-text h3{font-size:14px}footer #foot-contain .footer-text h2{margin-top:60px;color:white}}
.snow1 {
	background: url(https://designshack.net/tutorialexamples/letitsnow/snow.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: fixed;
  z-index:99999;
	top: 0;
	left: 0;
	animation: snowOne 10s infinite linear;
}
.snow2 {
	background: url(https://designshack.net/tutorialexamples/letitsnow/snow.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: fixed;
  z-index:99999;
	top: 0;
	left: 0;
	animation: snowTwo 10s infinite linear;
	background-size: 300px;
	filter: blur(1px);
}
.snow3 {
	background: url(https://designshack.net/tutorialexamples/letitsnow/snow.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: fixed;
  z-index:99999;
	top: 0;
	left: 0;
	animation: snowThree 10s infinite linear;
	background-size: 800px;
	filter: blur(2px);
}

@keyframes snowOne{
	0%
	{
		background-position: 0px 0px;
	}
	100%
	{
		background-position: 100px 750px;
	}
}
@keyframes snowTwo{
	0%
	{
		background-position: 0px -100px;
	}
	100%
	{
		background-position: 0px 750px;
	}
}
@keyframes snowThree{
	0%
	{
		background-position: 0px 100px;
	}
	100%
	{
		background-position: 300px 750px;
	}
}