@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,900italic);



@media(min-device-width:841px) {

#intro{width:400px; float:left;margin:auto;}
#work{width:400px; float:right; margin:auto;}

h2{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:200; font-size:500%;
}


#headspacer{ width100%, margin:auto;}
#container{ width:100%; margin-right:auto; margin-right:0; margin-top:auto;}
#holdernav{ height:150px; width:100%; background-color:white;}
#wrapper{padding-left:40px; padding-right:40px; margin:auto; overflow:hidden; display:block;         max-width:840px;}
#nav{background-image:url('header2.png'); max-width:1280px; max-height:200px; width:100%; 
position:relative; background-color:whitesmoke; min-height:150px; text-align:center;
moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin:auto;

}



}





@media(max-device-width: 840px) {

h2{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:200; font-size:800%;
}


#intro{margin:auto;}
#work{margin:auto;}




p{font-size:220%;}
#container{ width:100%; margin-right:0; margin-right:0; margin-top:auto;}
#holdernav{ height:150px; width:100%; background-color:white;}
#wrapper{ margin:auto; overflow:hidden; display:block;}
#nav{background-image:url('header1.png'); max-height:300px; width:100%; min-height:200px; text-align:center;

background-size: 1000px 300px;

moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

background-color:#BBBBBB;
z-index:+1;

 -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
}
#home{
width:100px;
height:100px;

h1{
word-spacing:80px;}
}








.nav-text{font-size: 225%}



h1{
/* NO MORE LIME GREEN DAMMIT color:#8CFF00; */
color: #666;
font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:300%; color:white;text-decoration:none;
word-spacing:50px;}
h2{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:200; font-size:1200%;
}
h3{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:150%
}

h4{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:300%
}
p{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:200; font-size:100%
}











}
}

























a.nav-text:link {color:white;text-decoration:none; font-size:300%;}
a.nav-text:visited {color:white;text-decoration:none;font-size:300%;}
a.nav-text:hover {color:lightgrey;text-decoration:none;}






a:link {color:grey;text-decoration:none;}
a:visited {color:grey;text-decoration:none;}
a:hover {color:#BBBBBB;text-decoration:none;}
a:active {color:#BBBBBB;text-decoration:none;}


/*
a:link {text-decoration:none;color:#BBBBBB;}
a:visited {text-decoration:none; color:#BBBBBB;}
*/

h1{
/* NO MORE LIME GREEN DAMMIT color:#8CFF00; */
color: #666;
font-family: 'Source Sans Pro', sans-serif; font-weight:400;
}

<!--
h2{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:200; font-size:500%;
}-->
h3{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:200;
}

h4{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:400;
}
p{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:400;
}

li{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:400;
}

h5{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:400;
}
h6{
color:grey;
font-family: 'Source Sans Pro', sans-serif; font-weight:400;
}