@charset "utf-8";
address,
article,
aside,
button,
blockquote,
body,
dd,
dialog,
dl,
dt,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
li,
nav,
ol,
p,
pre,
section,
td,
th,
tr,
ul {
  margin: 0;
  padding: 0;
}


:root {
  --primary-color: #090909; 
  --primary-bg-color:#f8f8f5;
  --primary-invbg-color:#090909;	
  --primary-font-size:14px !important;
  --primary-large-size:5.5vw !important;	
  --primary-accent-color: red; 	
  --player-height: 60px;
}

body {
  background: var(--primary-bg-color);
  color: var(--primary-color);	
  text-align: left;
  display: flex;
  font-family: "FT1";
  font-size: var(--primary-font-size);	
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin: 0; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden; 
}

html, body {
  -webkit-text-size-adjust: 100%; /* Forces mobile to respect your exact vw font sizes */
}

* {
  -webkit-tap-highlight-color: transparent;
}


@font-face {
  font-family: "FT1";
  src: url("OptimaLTStd DemiBold.otf")
    format("opentype");
}

@font-face {
  font-family: "FT2";
  src: url("Basalte-Fond.otf")
    format("opentype");
}



a {color: var(--primary-color);	 text-decoration:none;}

.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 500ms;
}



h1 { 
  font-family: "FT2";	
  margin: 0;
  padding: 0;
  font-size: 6em;	
  font-weight: 300;
  line-height: 1.1em;
  letter-spacing:.1em;
  text-align:center;
   position: absolute; 
}


.smallType { 
  font-family: "FT1";	
  margin: 0;
  padding: 0;
  font-size: 2.25em;	
  font-weight: 300;
  line-height: 1.1em;
  letter-spacing:-.01em;
  text-align:center;
   position: absolute; 
}


.microType { 
  font-family: "FT1";	
  margin: 0;
  padding: 0;
  font-size: 1.65em;	
  font-weight: 300;
  line-height: 1.1em;
  letter-spacing:-.01em;
  text-align:center;
   position: absolute; 
}


 /*
  * 
  * 
  * MAINFRAME
  * 
  * 
  * 
  */ 
  
.mainframe {
  opacity: 1 !important;
  transition: opacity 0.25s;
}
.mainframe.is-hidden {
  opacity: 0 !important;
}




@media only screen and (max-width: 800px) {

	
h1 { 
  font-family: "FT2";	
  margin: 0;
  padding: 0;
  font-size: 5.75em;	
  font-weight: 300;
  line-height: 1.1em;
  letter-spacing:.1em;
  text-align:center;
   position: absolute; 
}


.smallType { 
  font-family: "FT1";	
  margin: 0;
  padding: 0;
  font-size: 1.5em;	
  font-weight: 300;
  line-height: 1.1em;
  letter-spacing:-.01em;
  text-align:center;
   position: absolute; 
}


.microType { 
  font-family: "FT1";	
  margin: 0;
  padding: 0;
  font-size: 1.15em;	
  font-weight: 300;
  line-height: 1.1em;
  letter-spacing:-.01em;
  text-align:center;
   position: absolute; 
}	

	
}


* {
  box-sizing: border-box;
}