html{
 height: 100%;
}

body{
background: url(images/bg.jpg) no-repeat center center fixed; ;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 font-size: 14px;
 font-family: 'Raleway', sans-serif;
 color: whitesmoke;
 text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

#superBlock{
 display: block;
 position: fixed;
 top:0;
 bottom: 0px;
 left: 0px;
 right: 0px;
 overflow: scroll;
 margin: 0;
 padding: 0;
 height: 100%;
 background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(71,71,71,0.34) 67%, rgba(28,28,28,0.44) 88%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(67%, rgba(71,71,71,0.34)), color-stop(88%, rgba(28,28,28,0.44)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(71,71,71,0.34) 67%, rgba(28,28,28,0.44) 88%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(71,71,71,0.34) 67%, rgba(28,28,28,0.44) 88%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(71,71,71,0.34) 67%, rgba(28,28,28,0.44) 88%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(71,71,71,0.34) 67%, rgba(28,28,28,0.44) 88%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313', GradientType=0 );
}


#contentBlock{
 display: block;
 width: auto;
 height: auto;
 padding: 25% 0 0 20%;
 
}

.smallBlock{
 height:auto;
 padding-top:20%;
}

#about{
 font-size: 1.5em;
}

#about>h1{
 display: inline;
 font-size: 2em;
}

#shortout{
 font-size: 1.5em;
 padding-top: 10%;
}

#workout{
 font-size: 1.25em;
 padding-top: 10%;
}


#socialout{
 padding-top: 10%;
}
.specialSpan{
 padding-top: 6px;
 width: auto;
 display: block;
}
#mailout{
 padding-top: 2%;
 clear: both;
}

#mailout > p{
 display: block;
 padding: 6px 2px 0 0;
}


.lefty{
 float: left;
}