/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
}

html, body, #wrap {height: 100%;}

body{
  font-size:62.5%;
  font-family:'Helvetica','Arial',sans-serif;
  margin: 0;
  }

p{
  font-size:1.2em;
  line-height:1.5em;
  margin-bottom:1.5em;
  word-wrap: break-word;
}

h1 {
	font-size:10em;
	margin-bottom:0.1em;
	line-height:1.2em;
	}

h2{
	font-size:5em;
	margin-bottom:0.1em;
	line-height:1.2em;
}

h3{
	font-size:2em;
	margin-bottom:0.9em;
	line-height:0.9em;
}

body > #wrap {
  height: auto;
  min-height: 100%;
  margin-bottom: -23em;
  
  }

#footer h3 {
  margin: 0px;
  margin-left: 0.5em;
  padding-top: 0.25em;
  }

h1 a {
  text-decoration: none;
  }
  
#main {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 15em;
  padding-top: 0em;
  text-align: center;
  }

#functionSource {
  position: relative;
  height: 5em;
  } 

#functionSource p {
  margin: 0px;
  margin-left: 1em;
  margin-top: 0.25em;
  width: 80em;
  }

.lowercase{
  text-transform: lowercase;
}
#footer {
  position: relative;
  height: 13em;
  color: white;
  background-color: #000;
  }  
  
.clearfooter {
   height: 13em;
   clear: both;
} 

.clearSource {
   height: 5em;
   clear: both;
} 

#footer p {
  margin: 0px;
  margin-left: 1em;
  margin-top: 0.25em;
  width: 80em;
  }
  
#footer a {
  color: white;
  }
  
#footer a:hover {
  color: yellow;
  }

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */