/*#03658C #038C8C #F2E205 #F27329 #F24130 #000D12*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700|Source+Code+Pro|Source+Serif+Pro:600,400);

/*reset*/
html  {margin: 0;  padding: 0;  border: 0;  font-size: 100%;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section  {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section  {display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body  {line-height: 1.25; background: white;}
table  {border-collapse: separate; border-spacing: 0;}
caption, th, td  {text-align: left; font-weight: normal; float: none !important;}
table, th, td  {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after  {content: '';}
blockquote, q  {quotes: "" "";}
a img  {border: none;}
:focus  {outline: 0;}

* {
    font-variant-ligatures: none;
  }

body  {  color: #000D12; background: #fff;
        font-family: "Source Sans Pro","Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: 400;  margin: 0 auto; max-width: 7.5in; line-height: 1.2;
		font-size: 12pt; color: #333; padding: 0 10px}

html {	height: 100%;}

#wrapper { width: 7.5in; margin: 0 auto; display: flex; flex-wrap: wrap;}

header { height: .5in; width: 100%; display: flex; align-items: baseline; margin-bottom: .125in;}
header::before { display: inline-block; height: 100%; content: '';}
header h1 {margin-left: -3pt;}
header p { margin-left:auto; text-align: right; line-height: 1.1; align-self: end; margin-bottom: -3pt;}

section { width: 100%; margin: 0 auto;}

h1 {		font-family:  'Source Sans Pro', "Helvetica Neue", Arial, sans-serif;
            font-size: 40pt; letter-spacing: -3pt;}
h2 {		font-size: 11pt; font-weight: 700; text-transform: uppercase; margin-top: 9pt; margin-bottom: 3pt; flex: 0 0 100%}

h3 {		font-size: 12pt; text-transform: uppercase; margin-right: .5em; flex: 0 0 content;}
h4 {		font-size: 12pt; margin-right: .5em; flex: 0 0 100%;}
h5 {		font-size: 12pt; text-transform: uppercase; margin-right: .5em; flex: 0 0 1.3in;}

ul {		list-style: none; margin-bottom: 6pt; flex: 0 0 100%;}
ul:last-of-type {margin-bottom: 0;}

	ul li:before {	content: "»";
				margin-right: 1em;
				margin-left: -1.5em;}
	li {		margin-left: 1.5em;
        padding-bottom: 2pt;}

p, ul, li {font-size: 12pt;}
p { flex: 0 0 content;}
p + p { margin-left: auto; }
h5 + p { flex: 1 0 5.5in;}

#skills {margin-top: 6pt;}

section {	margin: 20px 0; display: block; clear: both; overflow: hidden;}

a {		color: #333; text-decoration: none;}
	a:hover  {color: #777; text-decoration: none; border-bottom: solid 1px #777;}
	nav a {margin-right: 10px;}

.bb {	font-weight: 700;}
.b {	font-weight: 600;}
.l {	font-weight: 300;}
.rt {	float: right;}
.TT {	text-transform: uppercase;}

hr {		background:  repeating-linear-gradient(45deg,
					rgba(255, 255, 255, 0),rgba(255, 255, 255, 0) 5px,
					#000D12 5px,#000D12 10px);
		height: .5em;
		border: 0;}

@media print {
    @page { margin: 0;}
    body { margin: .5in; margin-top:.3in; padding: 0;}
    /* #wrapper { background: yellow;} */
  }