* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    -webkit-font-kerning: normal;
    -moz-font-kerning: normal;
    font-kerning: normal
}

main {
    display: block
}

html {
    font-size: 110%;
    line-height: 160%
}

@media(max-width:47.5em) {
    html {
        font-size: 87.5%
    }
}

body {
    color: #222;
    font-family: Avenir, sans-serif
}

h1, h2, h3, h4, h5, h6 {
	font-family:"HelveticaNeue-Light", Helvetica, Avenir, sans-serif;
	font-weight: normal;
}

h1 {
    text-transform: uppercase
}

h2 {
    font-size: 1.2rem
}

h3 {
    font-size: 100%
}

h4 {
    font-size: 90%
}

a {
    color: inherit
}

a:visited {
    color: inherit
}

pre {
    white-space: pre;
    margin: 1em 0;
    font-size: 12px;
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 5px;
    line-height: 1.5em;
    color: #444;
    overflow: auto;
    -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0 1px 2px inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

pre code {
    padding: 0;
    font-size: 12px;
    background-color: #eee;
    border: none
}

code {
    font-size: 12px;
    background-color: #f8f8ff;
    color: #444;
    padding: 0 .2em;
    border: 1px solid #dedede
}

ul li {
    list-style: square
}

.rate-currency {
    font-size: 3rem
}

.rate-price {
    font-size: 5rem
}

.rate {
    margin: 3rem
}

.small {
    font-size: 90%
}

.x-small {
    font-size: 80%
}

html {
    background-color: #fff
}

body {
    background-color: #fff;
    background-size: 93%
}

.container {
    margin: 0 auto;
    max-width: 60rem;
    width: 90%
}

.container.half {
    max-width: 30rem
}

.container.one-third {
    max-width: 20rem
}

.container.two-third {
    max-width: 40rem
}

header[role=main] {
    padding: 0;
    text-align: center;
    margin-bottom: 4rem
}

.banner {
    margin-top: 1.5rem
}

.banner a {
    text-decoration: none
}

.menu {
    font-size: 1.1rem
}

.menu li {
    margin: 0 .5em
}

.menu a {
    text-decoration: none;
}

.menu a:hover {
    color: red
}

.menu .active {
    border-bottom: 3px solid red
}

.menu .active a:hover {
    color: inherit
}

.experience .item {
    background-color: #e9e9e9;
    margin: 1em;
    padding: 1em;
    border-radius: 10px
}

.experience .item img {
    width: 80px;
    height: auto;
    float: left;
    margin: .5em 1em 0 0
}

@media(max-width:30em) {
    img.thumbnail {
        border: 10px solid #fff
    }
}

section.super {
    padding: 2rem 0
}

section.super:nth-child(even) {
    background-color: #f6f6f6
}

section.super.divorce {
    border-top: 1px solid #e3e3e3;
    background-color: #fff
}

section.super.divorce:last-child {
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff
}

footer {
    margin-top: 4rem
}

footer .main {
    background-color: #efefef;
    font-size: .9rem;
}

footer .nav {
    display: inline-block;
    padding: 0
}

footer .nav li {
    list-style: none;
    display: inline;
    margin-right: .5rem
}

footer .nav li:last-child {
    margin-right: 0
}

footer .nav li a {
    text-decoration: none
}

footer .nav li a:hover {
    text-decoration: underline
}

.copyright {
    margin: 1rem 0 2rem 0;
    font-size: .8rem;
    color: #666
}

.copyright a {
    text-decoration: none
}

.pure-form-custom .required {
    color: red
}

.pure-form-custom textarea {
    height: 10rem;
    width: 100%
}

.pure-form-custom input[type="text"] {
    width: 100%
}

.pure-form-custom button[type="submit"] {
    margin: 1em 0
}

.pure-form input.warning, .pure-form textarea.warning {
    border: 1px solid #F47A7A !important;
    background-color: #FFF2F2
}

.entry {
    margin-bottom: 4rem
}

.entry header a {
    text-decoration: none
}

.entry-header h2 {
    margin-bottom: 0;
    font-weight: normal;
    display: inline
}

.entry-permalink {
    text-decoration: none;
    color: red
}

.entry-date {
    color: #777
}

.entry-date, .entry-permalink {
    font-size: .8rem
}

.entry-body {
    margin-left: .6em
}

.archive-list {
    padding: 0
}

.archive-list li {
    list-style: none;
    padding: .2rem 0
}

.archive-date {
    display: inline-block;
    width: 4rem;
    margin-right: .6rem;
    color: #777;
    text-align: right
}

.archive-entry a {
    text-decoration: none
}

blockquote {
    border-left: 3px solid #46D364;
    padding: 0;
    padding-left: .8rem;
    margin: .1rem 0
}

img.rocket {
    max-width: 10rem;
    width: 100%;
    height: auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.al {
    text-align: left
}

.ar {
    text-align: right
}

.ac {
    text-align: center
}

ul.inline-list {
    padding: 0
}

ul.inline-list li {
    list-style: none;
    display: inline
}

.hide, .begone {
    display: none
}

.thumbnail {
    max-width: 100%;
    height: auto;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border: 14px solid #fff;
    margin-bottom: 24px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3)
}

.headshot {
    display: block;
    width: 128px;
    height: 128px;
    margin: 30px auto;
    overflow: hidden;
    border-radius: 64px;
    background-image: url(/assets/me.jpg);
    background-repeat: no-repeat;
    background-size: 128px auto;
    transition-property: background-image;
    transition-duration: 300ms
}

.headshot:hover {
    background-image: url(/assets/me_8bit.png);
    transition-property: background-image;
    transition-duration: 300ms
}

.headshot:before {
    content: url(/assets/me_8bit.png);
    display: none
}

.btn, .input[type="submit"] {
    padding: 3px 0 1px 0;
    margin: .375rem;
    background-color: transparent;
    border-radius: 5px;
    font-size: 1rem;
    text-decoration: none;
    font-weight: normal;
    font-style: normal
}

.btn:focus, .input:focus {
    outline: none
}

.btn {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    cursor: pointer
}

.btn {
    color: #fff;
    border: 2px solid #0092ff;
    background-color: #0092ff;
    -webkit-box-shadow: 0 3px 4px #005DA3;
    -moz-box-shadow: 0 3px 4px #005DA3;
    box-shadow: 0 3px 4px #005DA3
}

.btn:enabled:active {
    position: relative;
    top: 2px;
    -webkit-box-shadow: 0 2px 4px #005DA3;
    -moz-box-shadow: 0 2px 4px #005DA3;
    box-shadow: 0 2px 4px #005DA3
}

.btn:disabled {
    opacity: .5;
    cursor: default;
    -webkit-box-shadow: 0 2px 4px #005DA3;
    -moz-box-shadow: 0 2px 4px #005DA3;
    box-shadow: 0 2px 4px #005DA3
}

.btn-success {
    color: #fff;
    border: 2px solid #48D364;
    background-color: #48D364;
    -webkit-box-shadow: 0 3px 4px #2B7F3C;
    -moz-box-shadow: 0 3px 4px #2B7F3C;
    box-shadow: 0 3px 4px #2B7F3C
}

.btn-success:enabled:active {
    position: relative;
    top: 2px;
    -webkit-box-shadow: 0 2px 4px #2B7F3C;
    -moz-box-shadow: 0 2px 4px #2B7F3C;
    box-shadow: 0 2px 4px #2B7F3C
}

.btn-success:disabled {
    opacity: .5;
    cursor: default;
    -webkit-box-shadow: 0 2px 4px #2B7F3C;
    -moz-box-shadow: 0 2px 4px #2B7F3C;
    box-shadow: 0 2px 4px #2B7F3C
}

.btn-warning {
    color: #fff;
    border: 2px solid #F93;
    background-color: #F93;
    -webkit-box-shadow: 0 3px 4px #995C1F;
    -moz-box-shadow: 0 3px 4px #995C1F;
    box-shadow: 0 3px 4px #995C1F
}

.btn-warning:enabled:active {
    position: relative;
    top: 2px;
    -webkit-box-shadow: 0 2px 4px #995C1F;
    -moz-box-shadow: 0 2px 4px #995C1F;
    box-shadow: 0 2px 4px #995C1F
}

.btn-warning:disabled {
    opacity: .5;
    cursor: default;
    -webkit-box-shadow: 0 2px 4px #995C1F;
    -moz-box-shadow: 0 2px 4px #995C1F;
    box-shadow: 0 2px 4px #995C1F
}

.btn-danger {
    color: #fff;
    border: 2px solid #F74A4A;
    background-color: #F74A4A;
    -webkit-box-shadow: 0 3px 4px #942C2C;
    -moz-box-shadow: 0 3px 4px #942C2C;
    box-shadow: 0 3px 4px #942C2C
}

.btn-danger:enabled:active {
    position: relative;
    top: 2px;
    -webkit-box-shadow: 0 2px 4px #942C2C;
    -moz-box-shadow: 0 2px 4px #942C2C;
    box-shadow: 0 2px 4px #942C2C
}

.btn-danger:disabled {
    opacity: .5;
    cursor: default;
    -webkit-box-shadow: 0 2px 4px #942C2C;
    -moz-box-shadow: 0 2px 4px #942C2C;
    box-shadow: 0 2px 4px #942C2C
}

.btn-info {
    color: #fff;
    border: 2px solid #19D4C7;
    background-color: #19D4C7;
    -webkit-box-shadow: 0 3px 4px #0F7F77;
    -moz-box-shadow: 0 3px 4px #0F7F77;
    box-shadow: 0 3px 4px #0F7F77
}

.btn-info:enabled:active {
    position: relative;
    top: 2px;
    -webkit-box-shadow: 0 2px 4px #0F7F77;
    -moz-box-shadow: 0 2px 4px #0F7F77;
    box-shadow: 0 2px 4px #0F7F77
}

.btn-info:disabled {
    opacity: .5;
    cursor: default;
    -webkit-box-shadow: 0 2px 4px #0F7F77;
    -moz-box-shadow: 0 2px 4px #0F7F77;
    box-shadow: 0 2px 4px #0F7F77
}

.fancy-line {
    margin: 16px 0;
    display: block;
    border: none;
    height: 2px;
    background: url(/img/line.svg) repeat-y center
}

@media print {
    * {
        text-shadow: none !important;
        color: #333 !important;
        background: transparent !important;
        box-shadow: none !important
    }

    nav, .anchor {
        display: none
    }
}

/*
	Grid
*/
.column {
    float: left;
    margin-left: 5%
}

.column:first-child {
    margin-left: 0
}

.column.full {
    width: 100%
}

.column.two-thirds {
    width: 65%
}

.column.half {
    width: 47.5%
}

.column.one-third {
    width: 30%
}

.column.one-fourth {
    width: 21.25%
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.row {
    overflow: hidden
}

@media screen and (max-width:640px) {
    .column.full, .column.two-thirds, .column.half, .column.one-third,
    .column.one-fourth {
        float: none;
        margin: 0;
        width: 100%
    }
}

@media(min-width:40rem) {
    .column.flow-opposite {
        float: right
    }
}
/* End Grid */