*{margin:0;padding:0;}
body {
  background: #111; 
  font-family: 'Open Sans', sans-serif;    
  color: #fff;   
  overflow-x: hidden;    
}
header{
  position: absolute;
  z-index: 9999;
  width: 100%;    
  background: rgba(0,0,0,0);    
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	color: #ffffff;
}

.textLG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	color: #ffffff;
}

.textBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #ffffff;
}
.textBoldLG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #ffffff;
}

@media screen and (max-width: 830px){
    h1{
     font-size: 1.2em;   
    }
    .desc{
        display: none;   
    }
}

@media screen and (max-width: 400px){
    h1{
     font-size: 1.1em;   
    }
    header span{
        display: none;   
    }
    .gist{
        width: 100%;
    }
}