*{margin:20;padding:20;}
body {
  background: #808080; 
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #fff;   
  overflow-x: hidden;
  text-align: center;
}
header{
	position: absolute;
	z-index: 9999;
	width: 100%;
	background: rgba(0,0,0,.5);
	text-align: center;
	left: -1px;
	margin-top:10px;
	vertical-align: auto;
}
h1, h2, h3{   
    font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 700; 
    margin: .8em 0 .2em 0;
	text-align: center;
}    
h1{   
 margin: .2em .5em;
 display: inline-block;       
}
header p{
 display: inline-block; 
 font-size: .9em;    
}
.content{
    text-align: center;
	padding-top:20px;
	padding-bottom:30px;
}
.content ul, .content ol{
    text-align: center;
}
span.code{
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";   
    color: #999;
    text-align: center;
}
.gist{
    margin: 1em 1em 2em 2em;
}
ol .gist{
    margin: 1em 0 2em 0;
}
a{ 
    color:#fff;
}
.num2{
    width: 85%;
    margin: 2em auto;
}
footer{
    color: #ccc;
    font-size: .8em;
    text-align: center;
    background: #000;
    padding: 1.5em 0 .5em 0;
    margin-top: 5em;
}
footer span{
    font-size: 1.3em;
    color: #fff;
    text-align: center;
}
#textintro {
	width: 200px;
	color: blue;
	font-size: 1,2vw;
	position: absolute;
	bottom: -446px;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0em;
	padding-left: 0em;
	margin-top: 0px;
	font-weight: 300;
	height: 50px !important;
	left: 330px;
}
.bottomcredit {
		font-size: 0.9vw;
		text-align: center;
		margin-bottom: 2em;
		padding-bottom: 2em;
		text-decoration-line: none
}
a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }	

.navtext {
	text-align: center;
	font-size: 1.2vw;
	font-weight: 300;
	color: #FFF;
	display: inline;
	letter-spacing: 1px;
	position: relative;
}

.textintro {
	width: 200px;
		color: red;
		font-size: 1.2vw;
		position: absolute;
		bottom: 8px;
		text-align: left;
		padding-top: 0px;
		padding-bottom: 0em;
		padding-left: 0em;
		margin-top: 0px;
		font-weight: 300;
	height: auto !important;
}
@media screen and (max-width: 830px){
    h1{
     font-size: 1.3em;   
    }
    .desc{
        display: none;   
    }
}

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