@charset "UTF-8";
/******************************/
body { margin: 0; }

#main { max-width: 1280px; margin: 0 auto; }

@media (max-width: 640px) { .column, .columns { margin-bottom: 1.6em; } }

@media (min-width: 641px) { .row { margin: 0 -1em; clear: both; /* The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/ */ } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } }

@media (min-width: 641px) { .row .column { width: 100%; box-sizing: border-box; padding: 0 1em; float: left; } .row.with-2-columns .column { width: 50%; box-sizing: border-box; padding: 0 1em; float: left; } .row.with-2-columns .column:nth-child(2n+1) { clear: left; } .row.with-3-columns .column { width: 33.33%; box-sizing: border-box; padding: 0 1em; float: left; } .row.with-3-columns .column:nth-child(3n+1) { clear: left; } .row.with-4-columns .column { width: 25%; box-sizing: border-box; padding: 0 1em; float: left; } .row.with-4-columns .column:nth-child(4n+1) { clear: left; } .row.with-5-columns .column { width: 20%; box-sizing: border-box; padding: 0 1em; float: left; } .row.with-5-columns .column:nth-child(5n+1) { clear: left; } .row.with-6-columns .column { width: 16.66%; box-sizing: border-box; padding: 0 1em; float: left; } .row.with-6-columns .column:nth-child(6n+1) { clear: left; } }

@media (min-width: 641px) { .columns { width: 100%; box-sizing: border-box; padding: 0 1em; float: left; } .columns.centered { float: none; margin-left: auto; margin-right: auto; } .span-1 { width: 8.33%; } .span-2 { width: 16.66%; } .span-3 { width: 25%; } .span-4 { width: 33.33%; } .span-5 { width: 41.66%; } .span-6 { width: 50%; } .span-7 { width: 58.33%; } .span-8 { width: 66.66%; } .span-9 { width: 75%; } .span-10 { width: 83.33%; } .span-11 { width: 91.66%; } .span-12 { width: 100%; clear: left; float: none; } }

@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url("/fonts/roboto-condensed/roboto-condensed-300.eot"); src: local(""), url("/fonts/roboto-condensed/roboto-condensed-300.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-condensed/roboto-condensed-300.woff2") format("woff2"), url("/fonts/roboto-condensed/roboto-condensed-300.woff") format("woff"), url("/fonts/roboto-condensed/roboto-condensed-300.ttf") format("truetype"), url("/fonts/roboto-condensed/roboto-condensed-300.svg#RobotoCondensed") format("svg"); }

@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url("/fonts/roboto-condensed/roboto-condensed-regular.eot"); src: local(""), url("/fonts/roboto-condensed/roboto-condensed-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-condensed/roboto-condensed-regular.woff2") format("woff2"), url("/fonts/roboto-condensed/roboto-condensed-regular.woff") format("woff"), url("/fonts/roboto-condensed/roboto-condensed-regular.ttf") format("truetype"), url("/fonts/roboto-condensed/roboto-condensed-regular.svg#RobotoCondensed") format("svg"); }

@font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: url("/fonts/roboto-condensed/roboto-condensed-300italic.eot"); src: local(""), url("/fonts/roboto-condensed/roboto-condensed-300italic.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-condensed/roboto-condensed-300italic.woff2") format("woff2"), url("/fonts/roboto-condensed/roboto-condensed-300italic.woff") format("woff"), url("/fonts/roboto-condensed/roboto-condensed-300italic.ttf") format("truetype"), url("/fonts/roboto-condensed/roboto-condensed-300italic.svg#RobotoCondensed") format("svg"); }

@font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 100; src: url("/fonts/roboto-slab/roboto-slab-100.eot"); src: local(""), url("/fonts/roboto-slab/roboto-slab-100.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-slab/roboto-slab-100.woff2") format("woff2"), url("/fonts/roboto-slab/roboto-slab-100.woff") format("woff"), url("/fonts/roboto-slab/roboto-slab-100.ttf") format("truetype"), url("/fonts/roboto-slab/roboto-slab-100.svg#RobotoSlab") format("svg"); }

body { font-family: "Roboto Condensed", Helvetica, Tahoma, sans-serif; text-align: center; font-size: 1em; line-height: 1.6em; color: #24252e; }

p, ul, ol, dl, table, form, fieldset, blockquote, figure { font-size: 1em; margin: 0 auto 0.8em; }

h1 { font-family: "Roboto Condensed", Helvetica, Tahoma, sans-serif; font-weight: 400; font-size: 2.33em; line-height: 1em; margin: 0 auto 0.34em; }

h1 a { text-decoration: none; }

h1 a:hover { text-decoration: underline; }

h2 { font-family: "Roboto Condensed", Helvetica, Tahoma, sans-serif; font-weight: 400; font-size: 5.33em; line-height: 1.1em; margin: 0 auto 0.15em; }

h2 a { text-decoration: none; }

h2 a:hover { text-decoration: underline; }

h3 { font-family: "Roboto Condensed", Helvetica, Tahoma, sans-serif; font-weight: 400; font-size: 2.33em; line-height: 1.2em; margin: 0 auto 0.34em; }

h3 a { text-decoration: none; }

h3 a:hover { text-decoration: underline; }

h4 { font-family: "Roboto Condensed", Helvetica, Tahoma, sans-serif; font-weight: 400; font-size: 1.33em; line-height: 1.2em; margin: 0 auto 0.6em; }

h4 a { text-decoration: none; }

h4 a:hover { text-decoration: underline; }

h5 { font-family: "Roboto Condensed", Helvetica, Tahoma, sans-serif; font-weight: 400; font-size: 1em; line-height: 1.2em; margin: 0 auto 0.8em; }

h5 a { text-decoration: none; }

h5 a:hover { text-decoration: underline; }

h6 { font-family: "Roboto Condensed", Helvetica, Tahoma, sans-serif; font-weight: 400; font-size: 0.78em; line-height: 1.2em; margin: 0 auto 1.03em; }

h6 a { text-decoration: none; }

h6 a:hover { text-decoration: underline; }

h1 { margin-left: -.05em; margin-top: 0.69em; }

h2 { margin-left: -.05em; margin-top: 0.3em; }

h3 { margin-left: -.05em; margin-top: 0.69em; }

h2 { font-family: "Roboto Slab", Georgia, Times, "Times New Roman", serif; font-weight: 100; text-transform: lowercase; margin-bottom: 0.3em; margin-top: 0.08em; }

h3:first-child { margin-top: -.1em; }

h4 { margin-top: 0.6em; }

h4:first-child { margin-top: 0; }

h5 { margin-bottom: 0; }

caption { font-size: 1em; }

a { text-decoration: none; font-weight: 400; color: #db000d; border-radius: 2px; }

a, a:link, a:visited { transition: all .3s; }

a:hover { color: white; background-color: #db000d; box-shadow: 0.2em 0 0 #db000d, -0.2em 0 0 #db000d; transition: none; }

a:active { background-color: rgba(219, 0, 13, 0.6); box-shadow: 0.2em 0 0 rgba(219, 0, 13, 0.6), -0.2em 0 0 rgba(219, 0, 13, 0.6); }

a[href^=http]:after { content: " →"; position: relative; left: 0; transition: left .3s; }

a[href^=http]:hover:after { transition: left .1s; left: .15em; }

button, .button { display: inline-block; -webkit-appearance: none; box-sizing: border-box; padding: 0.2em 0.5em; font-family: "Roboto Condensed", Helvetica, Tahoma, sans-serif; font-size: 1em; line-height: 1.6em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #db000d; color: white; border: 1px solid #db000d; outline: 0; border-radius: 2px; transition: background-color .3s, color .3s, border-color .3s; cursor: pointer; }

button:hover, .button:hover { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; background-color: white; color: #db000d; transition: none; }

button:active, .button:active { color: #24252e; border-color: #24252e; }

button.disabled, button[disabled="disabled"], .button.disabled, .button[disabled="disabled"] { cursor: default; }

button.disabled, button.disabled:hover, button.disabled:active, button[disabled="disabled"], button[disabled="disabled"]:hover, button[disabled="disabled"]:active, .button.disabled, .button.disabled:hover, .button.disabled:active, .button[disabled="disabled"], .button[disabled="disabled"]:hover, .button[disabled="disabled"]:active { background-color: transparent; color: rgba(15, 15, 0, 0.4); border-color: rgba(15, 15, 0, 0.4); }

a.button { box-shadow: none; }

blockquote { display: inline-block; margin-bottom: 1.6em; }

blockquote p { font-family: "Roboto Slab", Georgia, Times, "Times New Roman", serif; font-weight: 100; text-transform: lowercase; font-size: 1.33em; line-height: 1.2em; text-align: center; display: inline-block; position: relative; }

blockquote p:last-of-type { margin-bottom: .2em; }

blockquote p:before, blockquote p:after { font-family: Georgia; font-size: 2em; display: inline-block; height: 0.6em; line-height: 0.6em; vertical-align: bottom; position: relative; color: #bbb; color: rgba(0, 0, 0, 0.27); }

blockquote p:before { content: "“"; text-align: right; margin-right: .025em; top: .2em; }

blockquote p:after { content: "”"; bottom: -.15em; }

blockquote footer { text-align: right; font-size: 0.85em; padding-right: 4em; }

blockquote footer a:before { content: "– "; }

blockquote footer a:after { display: none; }

blockquote.left-justified { padding-left: 4em; }

blockquote.left-justified p { text-align: left; }

blockquote.left-justified p:before, blockquote.left-justified p:after { position: absolute; width: .7em; }

blockquote.left-justified p:before { margin-right: 0; margin-left: -.025em; left: -.7em; }

blockquote.left-justified p:after { right: -.7em; }

blockquote.left-justified footer { padding-right: .3em; }

address { font-style: normal; }

address em { font-style: normal; font-weight: 400; }

address br { content: " | "; }

address br:after { content: " | "; }

ul { list-style: none; padding-left: 0; }

ul li { position: relative; padding-left: 1.5em; }

ul li:before { content: "\025AA"; font-family: "Roboto Slab", Georgia, Times, "Times New Roman", serif; font-weight: 100; vertical-align: baseline; position: absolute; top: -.1em; left: 0; display: inline-block; width: 1.5em; text-align: center; }

@media (max-width: 640px) { h1 { font-size: 2.0711em; margin: 0 auto 0.39em; } h2 { font-size: 4.7378em; margin: 0 auto 0.17em; } h3 { font-size: 2.0711em; margin: 0 auto 0.39em; } h4 { font-size: 1.1822em; margin: 0 auto 0.68em; } }

@media (min-width: 641px) { body { font-size: 1.125em; } blockquote p { font-size: 2.33em; line-height: 1.2em; } }

.layout { background-color: rgba(255, 255, 0, 0.5); padding-left: .1em; padding-right: .1em; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section, summary, video { display: block; }

html { height: 100%; overflow-y: scroll; }

body { font-family: "Roboto Condensed", Helvetica, Tahoma, sans-serif; font-weight: 300; text-align: center; margin: 0; padding: 0; min-height: 100%; background-color: #eee; }

img { max-width: 100%; height: auto; }

figure { position: relative; }

figure img { display: block; }

@media (min-width: 641px) { body { min-width: 1024px; } }

.container { text-align: left; max-width: 1280px; box-sizing: border-box; margin: 0 auto; padding: 2em 1em 0; background-color: white; position: relative; }

@media (min-width: 641px) { .container { padding-left: 2em; padding-right: 2em; } }

.branding { margin: -1em 0 2em; }

.branding hgroup { position: relative; width: 100%; margin: 0 auto; }

.branding h1 { width: 100%; height: 31%; height: 0; padding: 0 0 31%; margin: 0; background: url(/images/logo.png) 0 0 no-repeat; background-size: contain; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.branding h3 { font-family: "Roboto Slab", Georgia, Times, "Times New Roman", serif; font-size: 1em; font-weight: 100; text-transform: lowercase; padding-top: 0; position: absolute; top: 0; left: 29%; height: 100%; top: 0; -webkit-transform: translateY(72%); transform: translateY(72%); color: black; }

@media (min-width: 641px) { .branding hgroup { width: 640px; left: -10px; } .branding h1 { width: 640px; padding-bottom: 195px; text-indent: 640px; } .branding h3 { font-size: 1.33em; height: auto; top: 140px; left: 181px; -webkit-transform: none; transform: none; } }

.main-nav { font-family: "Roboto Slab", Georgia, Times, "Times New Roman", serif; text-transform: lowercase; text-align: center; width: 100%; max-width: 1280px; height: 2.6em; padding: 0 1em; margin: 0 -1em; background-color: #24252e; color: white; transition: background-color .4s; }

.main-nav ul { list-style: none; display: inline-block; margin: 0 auto; padding: 0; /* The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/ */ position: relative; z-index: 1; }

.main-nav ul:before, .main-nav ul:after { content: " "; display: table; }

.main-nav ul:after { clear: both; }

.main-nav li { display: inline-block; margin: 0; padding: 0.5em 0.5em; }

.main-nav li:before { display: none; }

.main-nav a { display: block; padding: 0 0.5em; margin: 0; color: white; text-decoration: none; border-radius: 2px; box-shadow: none; transition: background-color .3s; }

.main-nav a:hover { color: #db000d; background-color: white; transition: none; }

.main-nav a:active { color: #24252e; background-color: rgba(255, 255, 255, 0.8); }

.main-nav.sticky { box-sizing: border-box; }

.main-nav.sticky:after { content: ""; display: block; width: 100%; height: 4px; position: absolute; left: 0; bottom: -4px; opacity: 0; transition: opacity .4s; }

.main-nav.stuck:after { opacity: 1; background-color: transparent; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); }

.main-nav.stuck a:hover { color: #db000d; background-color: white; }

.main-nav.stuck a:active { color: #24252e; background-color: rgba(255, 255, 255, 0.8); }

.main-nav.stuck { background-color: #e38a18; }

.main-nav.toggled-class-about { background-color: #e38a18; }

.main-nav.toggled-class-about-latest li.about a { color: #e38a18; background-color: white; }

.main-nav.toggled-class-scopes { background-color: #304f92; }

.main-nav.toggled-class-scopes-latest li.scopes a { color: #304f92; background-color: white; }

.main-nav.toggled-class-projects { background-color: #687e48; }

.main-nav.toggled-class-projects-latest li.projects a { color: #687e48; background-color: white; }

.main-nav.toggled-class-passion { background-color: #bc0a5f; }

.main-nav.toggled-class-passion-latest li.passion a { color: #bc0a5f; background-color: white; }

.main-nav.toggled-class-content { background-color: #1b8292; }

.main-nav.toggled-class-content-latest li.content a { color: #1b8292; background-color: white; }

.main-nav.toggled-class-contact { background-color: #cd4b20; }

.main-nav.toggled-class-contact-latest li.contact a { color: #cd4b20; background-color: white; }

.main-content { padding-bottom: 2.6em; }

section { padding-top: 2.6em; margin-bottom: -2.6em; }

@media (min-width: 641px) { .main-nav { padding: 0 2em; margin: 0 -2em; } }

footer { text-align: center; }

section { margin-bottom: 2em; box-sizing: border-box; }

section:first-child { margin-top: 0; }

section:last-child { padding-bottom: 2em; margin-bottom: 0; }

section > *:last-child { margin-bottom: 0; }

section > header:first-child, section .section-header { text-align: center; margin: 0 auto 2em; max-width: 896px; }

section > header:first-child > p, section .section-header > p { font-weight: 400; }

section > header:first-child blockquote:last-child, section .section-header blockquote:last-child { margin-bottom: 0; }

@media (min-width: 641px) { section > header:first-child > p, section .section-header > p { font-size: 1.33em; font-weight: 300; } }
/*# sourceMappingURL=all.css.map */