/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, 
h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, 
sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, 
aside, canvas, details, embed, figure, figcaption, footer, header, 
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;font-size:100%;font:inherent;vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:none;}
table {border-collapse:collapse;border-spacing:0;}
img { margin:0;border:0;padding:0; }

<meta name="viewport" content="width=device-width, initial-scale=1.0">

html { overflow-y: scroll;}

body {height:100%;margin:0px;
font-family: 'Abel', sans-serif;color:#666666;
font-weight:normal;font-size:17px;line-height:20px;
background-color:#ffffff;}

h1, h2, h3, h4 {font-weight:normal;color:#666666;}
h1 {font-size:45px;font-family:'Abel', serif;line-height:130%;}
h2 {font-family:'Abel', serif;color:#000000;font-size:25px;padding-bottom:15px;line-height:30px;font-weight:bold;letter-spacing:2px;}
a, a:active, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

img {max-width:100%;border-style:none;padding:0;margin:0;}

#header {background-color:#38bfae;padding:0;margin:0 auto 0 auto;width:100%;text-align:center;border-bottom:3px solid #000000;line-height:0;}

#aboutleft {float:left;width:75%;color:#ffffff;padding-top:30px;}
#aboutleft p {text-align:left;padding:0 30px 20px 90px;font-size:20px;line-height:25px;}
#aboutleft a {color:#51fae5;}
#aboutright {float:left;width:23%;padding-right:2%;}

#scribblesleft {float:left;width:65%;margin-left:5%;margin-right:2%;margin-top:20px;}
#scribblesleft p {color:#000000;padding-bottom:20px;padding-right:50px;}
#scribblesright {float:left;width:28%;margin-top:20px;}
#scribblesright img {width:45%;height:auto;line-height:0;max-width:80px;}

#clear {clear:both;float:none;height:30px}

div.twoacross {float:left;width:25%;}
a.twoacross {text-transform:uppercase;border:1px solid #000000;padding:5px 15px 5px 15px;color:#000000;}