/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,700);*/ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,700); @import url(http://fonts.googleapis.com/css?family=Sanchez:400); /* non-layout css (see: https://github.com/h5bp/html5-boilerplate/issues/816#issuecomment-3209945) */ html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body{height:100%;} body,div,iframe{margin:0;padding:0;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block} audio,canvas,video{display:inline-block;} ol,ul,li{margin:0;padding:0;font-size:100%;} /* <-- this stops that weird space on top when there is a list

s to whatever size percentages you want and the group to whatever weight and alignment you want and

bottom margins should have the same spacing */ h1{font-size:150%;} h2{font-size:134%;} h3{font-size:116%;} h4{font-size:100%;} h1,h2,h3,h4{font-weight:400;line-height:1.0;text-align:left;margin:0 0 1em 0;} p{margin:0 0 1em 0;text-align:left;} a, a:link { color:#888; text-decoration:none; padding-bottom:0; } a:hover { color:#222; } .clearfix:before, .clearfix:after { display:table; content:""; line-height: 0; } .clearfix:after { clear: both; }