html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
.container{padding-right:10%;padding-left:10%;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.col-md-12{float:left}.col-md-12{width:100%}
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/bebasneue_light-webfont.eot');
    src: url('../fonts/bebasneue_light-webfont-.eot#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue_light-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_light-webfont.woff') format('woff'),
         url('../fonts/bebasneue_light-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue_light-webfont.svg#bebas_neuelight') format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/bebasneue_book-webfont.eot');
    src: url('../fonts/bebasneue_book-webfont-.eot#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue_book-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_book-webfont.woff') format('woff'),
         url('../fonts/bebasneue_book-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue_book-webfont.svg#bebas_neuebook') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/bebasneue_regular-webfont.eot');
    src: url('../fonts/bebasneue_regular-webfont-.eot#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_regular-webfont.woff') format('woff'),
         url('../fonts/bebasneue_regular-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/bebasneue_bold-webfont.eot');
    src: url('../fonts/bebasneue_bold-webfont-.eot#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_bold-webfont.woff') format('woff'),
         url('../fonts/bebasneue_bold-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: 700;
    font-style: normal;
}




/*================================
=            BASE CSS            =
================================*/
* {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.force-gpu * {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
body { background:#042035;
    font-family: 'Bebas Neue';
    -webkit-font-smoothing: antialiased; overflow:hidden;
}
section, header, footer, main, article, nav, aside {
    position: relative;
}


::selection {
    background: rgb(255, 255, 43);
    color: #222;
}
::-moz-selection {
    background: rgb(255, 255, 43);
    color: #222;
}
.ScrollSceneIndicators { z-index: 9999999 !important; }




#logo{position:absolute; right:23%; top:8%;}
#clear{display:bolck; height:90px; width:100%;}


#topper {
    background-color: rgba(0, 0, 15, 1);
}
#topper:before, #topper:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 90%;
    –webkit-background-size: 100%;
    –moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    opacity: 0;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    transition: all 700ms ease;
}
#topper:before { background-image:url('../img/topper-background-2.jpg'); }
#topper:after { background-image:url('../img/topper-mountain.png'); }
.show-background #topper:before { opacity: 0.3; }
.show-background #topper:after { opacity: 1; }
#topper .contents {
    height: 100vh;
    min-height: 700px;
    position: relative;
}
#topper canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 2000ms ease;
    -moz-transition: all 2000ms ease;
    transition: all 2000ms ease;
    opacity: 0;
}
.show-stars #topper canvas {
    opacity: 1;
}

.hide-those-stars #topper canvas { display: none !important; }

#topper .wrap {
    position: absolute;
    top: 60%;
    left: 50%;
    text-align: right;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 77777777;
    width: 100%;
}

.contents {
    position: relative;
    z-index: 8;
}
h2 {font-family: 'Bebas Neue';
    color: #fff;
    text-align: left;
    font-size: 100px;
}
#clear{height:10px; width:100%; display:block; clear:both;}
@media (min-width: 320px) and (max-width: 600px) {
	#logo{position:absolute; left:3%; top:10%;}
	#clear{height:150px; width:100%; display:block; clear:both;}
	h2{margin:0px;}
	span.line-1 {
    font-weight: 200;
    font-size: 70% !important;
    line-height: 100%;text-align:left !important
	}
	h2 span.line-2 {
    font-weight: 300;
    font-size: 100% !important;text-align:left !important
}
h2 span.line-3 {
    font-weight: 700;
    font-size:100% !important;
    margin-top: 6px;text-align:left !important
}
h2 span.line-0 b{color:#333; padding:0 5px; background:#ff0;}
h2 span.line-0 {
    font-weight: 100;
    font-size:18px !important;
    line-height:0px; color:#f00; 

}
}



h2 span {
    display: block;
    line-height: 77%;
}
h2 span.line-0 b{color:#333; padding:0 5px; background:#ff0;}
h2 span.line-0 {
    font-weight: 100;
    font-size:20px;
    line-height:30px; color:#f00; 

}
h2 span.line-1 {
    font-weight: 200;
    font-size: 100px;
    line-height: 100%;

}
h2 span.line-2 {
    font-weight: 300;
    font-size: 150px;
}
h2 span.line-3 {
    font-weight: 700;
    font-size: 185px;
    margin-top: 6px;
}
hr {
    border: none;
    height: 1px;
    width: 300px;
    margin: 30px 0 25px;
    background: #ff3535; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff3535 0%, #ffb22d 19%, #f7df00 37%, #26ff6c 56%, #268bff 76%, #8b3cff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3535), color-stop(19%,#ffb22d), color-stop(37%,#f7df00), color-stop(56%,#26ff6c), color-stop(76%,#268bff), color-stop(100%,#8b3cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ff3535 0%,#ffb22d 19%,#f7df00 37%,#26ff6c 56%,#268bff 76%,#8b3cff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ff3535 0%,#ffb22d 19%,#f7df00 37%,#26ff6c 56%,#268bff 76%,#8b3cff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ff3535 0%,#ffb22d 19%,#f7df00 37%,#26ff6c 56%,#268bff 76%,#8b3cff 100%); /* IE10+ */
    background: linear-gradient(to right,  #ff3535 0%,#ffb22d 19%,#f7df00 37%,#26ff6c 56%,#268bff 76%,#8b3cff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3535', endColorstr='#8b3cff',GradientType=1 ); /* IE6-9 */
}
p{
    font-size:20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding-right: 15%;
    line-height: 23px;
    color: rgb(214, 216, 255);
    margin: 0; 
}
a{font-size:16px; color:#666;text-decoration:none;}
a:hover, a:focus {
    color: #fff; text-decoration:none;
}
 p strong {
    font-weight: 400;
}
.copyright{line-height:10px;}
.copyright p{font-size:10px; color:#333; margin:0; padding:0;}