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

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
	border:none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; 
	}



* {margin: 0; padding: 0;}

html, body {
background:black;
}
html,body,a {
font-weight: normal;
font-variant:normal;
font-style:normal;
font-size:16px;
text-decoration:none;
text-align:center;
width:100%;
height:100%;
-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
-webkit-font-feature-settings:  "ss18", "ss20", "case" 1;
-moz-font-feature-settings:     "ss18", "ss20", "case" 1;
-ms-font-feature-settings:      "ss18", "ss20", "case" 1;
font-feature-settings:          "ss18", "ss20", "case" 1;
}
a, a:hover {
text-decoration: none;
}
h2, h2 a {
z-index: 0;
line-height:120%;
text-align:left;
overflow:visible;
color:lime;
font-family: 'S_SemiRegular', Helvetica, Arial, sans-serif;
}
h2 a:hover {
color: white;
}
h2 span{
font-family: 'Bagage', Helvetica, Arial, sans-serif;
}






/* NAVBAR */

.slideUp {
  -webkit-animation: slideUp 0.3s forwards ease-out;
          animation: slideUp 0.3s forwards ease-out;
}

.slideDown {
  -webkit-animation: slideDown 0.5s forwards ease-out;
          animation: slideDown 0.5s forwards ease-out;
}



@-webkit-keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-14vw);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-14vw);
  }
}
@-webkit-keyframes slideDown {
  0% {
    transform: translateY(-14vw);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-14vw);
  }
  100% {
    transform: translateY(0px);
  }
}

@media screen and (max-width: 800px) {
.navbar-space {
min-height: 2vw;
}
.navbar {
visibility: collapse;
}
.button-small {
z-index: 1001;
cursor: pointer;
background-color:#000;
height: 11vw;
border-radius: 5.5vw;
float:left;
margin: 0vw 2vw 2.1vw 0vw;
padding:0vw 4.5vw 0vw 4.6vw;
width: auto;
}	
}




.row {
padding:0vw;
position:fixed;
width:100%;
z-index: 100;
}
.column-a, .column-b, .column-c {
float: left;
min-height:5vw;
margin-left: 0%;
margin-right:0%;
}
.column-a a, .column-b a, .column-c a, .column-a a:hover, .column-b a:hover, .column-b a:hover {
border: none !important;
text-decoration: none;
}

.column-a {
width:34%;
}
.column-b, .column-c {
width:33%;
}

.column-a, .column-a a, .column-a a:hover {
background-color:white;
}
.column-b, .column-b a, .column-b a:hover {
background-color:lime;
}
.column-c, .column-c a, .column-c a:hover {
background-color:black;
}


.logo-d{
font-size:28vw;
top:8vw;
line-height: 100%;
left:1vw;
visibility:visible;
}
.logo-m{
top:19vw;
line-height: 100%;
font-size:88vw;
visibility:hidden;
left:1vw;

}

.copy-d{
font-size:28vw;
visibility:visible;
bottom:0;
overflow: hidden;
line-height: 100%
}

.copy-m{
font-size:88vw;
visibility:hidden;
bottom:2vw;
}

.logo-d span, .logo-m span, .copy-d span, .copy-m span{
color:lime;
}

.logo-d, .logo-m, .copy-d, .copy-m{
position: absolute;
float: left;
z-index:3;
font-family: 'Bagage', Helvetica, Arial, sans-serif;
width:96vw;
border: none !important;
background-color:none;
color:white;
}
.logo-d:hover, .logo-m:hover{
cursor:pointer;
border:none;
}



.intro {
width: 100%;
height: 100%;
background-color: black;
z-index:97;
padding:2vw;
}
.intro-txt {
z-index: 4;
width: 96vw;
position: absolute;
bottom: 2vw;
}
.equipment {
position: relative;
z-index:200;
padding:2vw 0vw 2vw 0vw;
width: 100%;
height: auto;
background-color: white;
}

.about {
position: relative;
z-index:98;
padding:2vw 0vw 2vw 0vw;
width: 100%;
height: auto;
background-image:url("../img/sore_stencil_graffiti_bg.svg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.flame{
width: 100%;
min-height: 100%;
background-color: black;
}



.stencil {
width: 100%;
background: none;
}
.center {
display: block;
height: auto;
width: 100%;
}

.footer {
position: absolute;
padding:2vw 2vw 2vw 2vw;
height: 100vh;
background-color:black;
z-index:99;
}
.footer-txt {
z-index: 4;

width: 96vw;
position: absolute;
}

		
@font-face {
    font-family: 'S_Regular';
    src: url('font/font/BBStrataProHL-Regular.woff2') format('woff2'),
         url('font/BBStrataProHL-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S_SemiRegular';
    src: url('font/BBStrataProHL-SemiRegular.woff2') format('woff2'),
         url('font/BBStrataProHL-SemiRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S_Light';
    src: url('font/BBStrataProHL-Light.woff2') format('woff2'),
         url('font/BBStrataProHL-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bagage';
    src: url('font/BBBagageProTS05-Regular.woff2') format('woff2'),
         url('font/BBBagageProTS05-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media only screen and (max-width: 880px) { 
.logo-d{
visibility:hidden;
}
.copy-d{
}
.logo-m {
visibility:visible;
}
.column-a, .column-b, .column-c {
min-height:14vw;
}
}

 
 ::-moz-selection {
background: rgba(0, 0, 0, 0);
color: black;
} 

::selection {
background: rgba(0, 0, 0, 0);
color: black;
}