@font-face{font-family:Montserrat;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRxC7m0dR9pBOi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRxi7m0dR9pBOi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRxy7m0dR9pBOi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRyS7m0dR9pA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}


/* JavierCenteno.com 2020 -------------------------------------------------- */

/*
Color Palette
Blue: #095AA6
Gray: #808080
Green: #689f38
Light Green: #99cc66
Teal: #004d40
*/

/* Typography -------------------- */

body {
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
    line-height:1.5em;
    color:#808080;
    background:#FFF;
    text-align:center;
    padding-top:60px; /* Header is fixed */
}

h1 {
    margin:0 0 50px 0;
    font-family: 'Montserrat', sans-serif;
    font-size:5em;
    line-height:1.2em;
    font-weight:300;
}

h2 {
    margin:50px 0 30px 0;
    font-size:1.5em;
    line-height:1.2em;
    font-weight:bold;
}

h3 {
    margin:50px 0 10px 0;
    font-size:1.2em;
    line-height:1.2em;
    font-weight:bold;
}

h4 {
    margin:20px 0 5px 0;
    font-size:1em;
    line-height:1.2em;
    font-weight:bold;
}

h5 {
    margin:20px 0 5px 0;
    font-size:1em;
    line-height:1.2em;
    font-weight:bold;
}

p {
    margin:0 0 1em 0;
}

a:link, a:visited {
    color:inherit;
    text-decoration:none;
}

a:hover {
    color:inherit;
    text-decoration:underline;
}

em {
    font-style:italic;
}

strong {
    font-weight:bold;
}

hr {
    margin:2em 0;
    height:1px;
    background:#DDD;
    border:0;
}



/* Wrapper & Header -------------------- */

#wrapper {
    margin:0 auto;
    padding:0;
}

#header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    margin:0;
    padding:10px 10px;
    height:60px;
    z-index:99;
    box-sizing:border-box;
    text-align:left;
    background:#FFF;
}

#logo img {
    max-width:40px;
    height:auto;
}

/* Nav -------------------- */

#show-nav {
    display:none;
}

#nav {
    position:absolute;
    right:20px;
    left:60px;
    top:10px;
    text-align:right;
}

#nav .container {
    display:flex;
    justify-content: flex-end;
}

#nav #primary-navigation {
    margin:0;
    padding:0;
    list-style:none;
}

#nav #primary-navigation li {
    margin:0;
    padding:0;
    display:inline;
}

#nav #primary-navigation li:first-child {
    display:none;
}

#nav #primary-navigation a {
    display:inline-block;
    margin:0 0 0 20px;
    padding:10px 20px;
    color:#333;
    text-decoration:none;
    text-transform: uppercase;
}

#nav #primary-navigation a:hover {
    color:#095AA6;
}

#nav .social-links {
    display:none;
}


/* Rows ---------------- */

.row {
    margin:0;
    padding:150px 10% 150px 10%;
    min-height:100vh;
    width:100%;
    box-sizing:border-box;
    text-align:left;
    background:#FFF;
    font-size:1.25em;
    line-height:1.5em;
}

.row.animate {
    -webkit-transition: background-color 5000ms;
    transition: background-color 5000ms;
}

.row.animate h1, .row.animate h2, .row.animate h3 {
    -webkit-transition: color 1500ms;
    transition: color 1500ms;
}

/* Background Colors  ---------------- */

.row.gray {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
}
.row.gray h1 { color:#095AA6; /* Blue */ }
.row.gray h2 { color:#99cc66; /* Light Green */ }

.row.blue { background:#095AA6; color:#FFF; }
.row.blue h1, .row.blue h2 { color:#99cc66; /* Light Green */ }

.row.green { background:#689f38; color:#FFF; }
.row.green h1, .row.green h2 { color:#004d40; /* Teal */ }

.row.dark { background:#333; color:#FFF; }
.row.dark h1, .row.dark h2 { color:#99cc66; /* Light Green */ }

.row article {
    margin:0 auto;
    max-width:60%;
}

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

.row a {
    font-weight:bold;
    text-decoration:underline;
}


 /* Sections ---------------- */

#home {
    padding-top:200px;
    color:#FFF;
}

#home h1 {
    margin:0 0 0 -20px;
    font-size:11em;
    line-height:1em;
}

#home h2 {
    margin:0 0 50px 0;
    font-size:2.5em;
    line-height:1.2em;
    font-weight:300;
}

#home #title {
    padding:0 5px 0 0;
    border-bottom:1px solid #FFF;
}

.has-aside {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
}

.has-aside article {
    width:60%;
    margin:0;
}

.has-aside aside {
    width:30%;
}

#contact {
    min-height:100px;
}

#contact h1, #contact h2{
    text-align:center;
}

#contact article {
    margin:0 auto;
    max-width:1200px;
    text-align:center;
}

ol {
    text-align:left;
    margin:0 auto;
    max-width:600px;
}

ol li {
    padding:5px;
    border-bottom:1px solid #CCC;
}

#contact strong {
    color:#095AA6;
}

#contact h2.gray {
    margin:2em 0 10px 0;
    font-size:1.5em;
    color:#808080;
}

#contact a {
    color:#095AA6;
}

#social-buttons {
    margin:0 auto;
    padding:0;
}

#social-buttons li {
    display:inline-block;
    margin:0 10px 10px 10px;
}

#social-buttons .button {
    line-height:36px;
}

#social-buttons img {
    margin-top:-8px;
    vertical-align:middle;
}

#social-buttons .button {
    margin-bottom:20px;
}



/* CTA Section  ---------------- */

#cta {
    margin:0;
    padding:100px 30px;
    min-height:10px;
    text-align: center;
}

#cta article {
    margin:0 auto;
    max-width:1200px;
}

#cta h2 {
    margin:0 0 5px 0;
}

#cta .button-bar {
    margin-top:40px;
}

#cta ol {
    margin-top:30px;
}


/* Recent Projects ---------------- */

#recent-projects {
    text-align:center;
}

#recent-projects article {
    max-width:1600px;
}

#recent-projects h2 {
    margin-top:0;
    font-size:2em;
}

#portfolio {
    margin:60px 0 0 0;
    padding:0;
    list-style:none;
    display:flex;
    justify-content:center;
    flex-wrap: wrap;
}

#portfolio li {
    margin:0 0 60px 0;
    width:50%;
}

#portfolio li > a {
    display:block;
    padding:0 30px;
    font-weight: normal;
    text-decoration:none;
}

#portfolio a:hover .thumb img {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}

#portfolio .thumb img {
    display: block;
    width:100%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

#portfolio h3 {
    margin:20px 0 5px 0;
    padding:0 30px;
    font-family: 'Montserrat', sans-serif;
    font-size:1.1em;
    color:#095AA6; /* Blue */
}

#portfolio p {
    padding:0 30px;
    font-size:16px;
}

#portfolio p a {
    font-weight: normal;
    text-decoration:underline;
}

/* Footer ---------------- */

#footer {
    margin:0;
    padding:20px 20px;
    font-size:0.9em;
    line-height:1.4em;
    text-align:left;
    color:#444;
    position:relative;
}

#footer p {
    margin:0;
}

#footer span {
    display:inline-block;
    margin:0 5px;
}

#footer a {
    color:#444;
    display:inline-block;
}

#social-links {
    position:absolute;
    right:10px;
    top:10px;
    margin:0;
    padding:0;
}

#social-links li {
    display:inline;
    margin:0 10px;
    padding:0;
}

#footer .tagline {
    display:inline-block;
    color:#707070;
}

#footer .tagline:before {
    content: "";
    width:1px;
    height:10px;
    margin-right:8px;
    border-left:1px solid #DDD;
}


/* Useful Classes ---------------- */

.browserupgrade {
    margin:0.2em 0;
    background:#ccc;
    color:#000;
    padding:0.2em 0;
}

.hidden {
    display:none;
}

.accessibly-hidden {
    left:-999em;
    position:absolute;
}

.small {
    font-size:0.9em;
    color:#999;
}

.alignleft {
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

.alignright {
    float:right;
    margin-left:20px;
    margin-bottom:10px;
}

.input-styled {
    padding:2px 5px;
    background-color:#DDD;
    color:#333333;
    border:1px solid #CCC;
    font-size:1.3em;
    width:100%;
    max-width:400px;
    outline:none;
    box-sizing:border-box;
}

.input-styled:focus {
    background-color:#EFEFEF;
}

.button-bar {
    margin:3em 0 0 0;
}

.button, .button:link, .button:visited, input.button {
    display:inline-block;
    margin:0;
    padding:0.5em 1.5em;
    font-size:1.2em;
    line-height:1.4em;
    color:#FFF;
    text-decoration:none;
    border:2px solid rgba(255, 255, 255, 0.4);
    outline:none;
    background:none;
    box-sizing:border-box;
    vertical-align:middle;
    text-align:center;
}

.button:hover, input.button:hover {
    color:#FFF;
    text-decoration:none;
    cursor:pointer;
    border:2px solid #FFF;
}

.row.gray .button {
    color:#999!important;
    text-decoration:none;
    border:2px solid #CCC;
    background:none;
}

.row.gray .button:hover {
    color:#095AA6!important;
    border:2px solid #095AA6;
}

.mt20 { margin-top:20px!important; }
.mb20 { margin-bottom:20px!important; }
.mr20 { margin-right:20px!important; }
.ml20 { margin-left:20px!important; }

.error {
    color:#CC0000;
}

.no-widow {
    white-space:nowrap;
}

.align-center {
    text-align:center;
}

/* Hamburger, author Jonathan Suh, https://jonsuh.com/hamburgers */
.hamburger {
    padding: 10px 10px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger:hover {
    opacity: 0.7;
}
.hamburger.active:hover {
    opacity: 0.7;
}
.hamburger.active .hamburger-inner,
.hamburger.active .hamburger-inner::before,
.hamburger.active .hamburger-inner::after {
    background-color: #FFF;
}
.hamburger-box {
    width: 36px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 36px;
    height: 4px;
    background-color: #666;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/* Media Queries ---------------------------- */

@media all and (max-width: 1920px) {

    .row article {
        max-width:80%;
    }

}

@media all and (max-width: 1600px) {

    .row {
        padding:120px 50px 150px 50px;
    }

    .row article {
        max-width:1200px;
    }

}

@media all and (max-width: 1440px) {

    #home {
        padding-top:100px;
    }

}

@media all and (max-width: 1024px) {

    #home h1 {
        margin-left:-10px;
        font-size:8em;
        line-height:1em;
    }

    #home h2 {
        font-size:2em;
        line-height:1.2em;
    }
}

@media all and (max-width: 800px) {

    #show-nav {
        position:absolute;
        top:8px;
        right:10px;
        color:#FFF;
        text-decoration:none;
        outline:none;
        z-index:99;
        display:block;
    }

    #nav {
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:98;
        color:#FFF;
        background:#095AA6; /* Blue */
        display:none;
        text-align:left;
        font-size:2.5em;
        line-height:1.2em;
        font-weight:300;
        text-align: left;
    }

    #nav .container {
        display:block;
        position:relative;
        top:50%;
        transform: perspective(1px) translateY(-50%);
    }

    #nav .container {
        display:block;
        justify-content: flex-end;
    }

    #nav #primary-navigation {
        margin:0 auto;
        padding:30px 10%;
    }

    #nav #primary-navigation li {
        display:block;
    }

    #nav #primary-navigation li:first-child {
        display:block;
    }

    #nav #primary-navigation a {
        display:block;
        margin:10px 0;
        padding:20px 30px;
        border-top:1px solid #095AA6;
        border-bottom:1px solid #095AA6;
        color:#FFF;
    }

    #nav #primary-navigation a:hover {
        color:#FFF;
        animation: effect 3s ease;
    }

    @keyframes effect {
        0%   { }
        50%  {
            padding-left:60px;
            background: rgb(255,255,255,0.1);
        }
        100% { }
    }

    #nav .social-links {
        display:block;
        margin:20px 10%;
        padding:0 30px;
    }

    #nav .social-links li {
        display: inline;
    }

    h1 {
        margin:0 0 30px 0;
        font-size:3em;
        line-height:1.2em;
    }

    .row {
        padding:60px 30px 100px 30px;
        font-size:1em;
        line-height:1.5em;
    }

    .has-aside {
        display:block;
    }

    .has-aside article {
        width:auto;
    }

    .has-aside aside {
        margin:50px 0;
        text-align:left;
        width:auto;
    }

    .has-aside aside img {
        max-width:320px;
        height:auto;
        margin:0 auto;
    }

}

@media all and (max-width: 600px) {

    .hamburger-box {
        width: 36px;
    }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 36px;
        height: 3px;
    }

    #nav {
        font-size:2em;
        line-height:1.2em;
    }

    #home {
        padding-top:80px;
    }

    #home h1 {
        margin-left:-10px;
        font-size:6em;
        line-height:1em;
    }

    #home h2 {
        font-size:2em;
        line-height:1.2em;
    }

    #contact article {
        position: relative;
        left:auto;
        right:auto;
        top:auto;
        transform:none;
    }

    #cta {
        padding:60px 30px;
    }

    #portfolio li {
        margin:0 0 60px 0;
        width:100%;
    }

    #footer .tagline {
        display:block;
        margin:0;
    }

    #footer .tagline:before {
        display:none;
    }

}

@media all and (max-width: 480px) {

    #home h2 {
        font-size:1.8em;
        line-height:1.2em;
    }

    #social-buttons .button {
        width:100%;
        font-size:1em;
    }

    #social-buttons img {
        display:none;
    }

    #footer .tagline {
        display:none;
    }

}

@media all and (max-width: 320px) {

    #footer {
        text-align:center;
    }

    #social-links {
        position:relative;
        right:auto;
        top:auto;
        margin:0 auto 10px auto;
        padding:0;
        text-align:center;
    }

}


/* Page Transitions  ---------------- */

#page-wipe {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    bottom:0;
    z-index:999;
    background: rgb(104,159,56);
    background: linear-gradient(90deg, rgba(104,159,56,1) 0%, rgba(9,90,166,1) 100%);
    animation: pageEnter 0.5s ease forwards;
    pointer-events: none;
}

body.page-transition #page-wipe {
    animation: pageExit 0.3s ease forwards;
}

@keyframes pageEnter {
    from   { opacity: 1; }
    to    { opacity: 0; display:none; }
}

@keyframes pageExit {
    from   { width: 0; }
    to    { width: 100%; }
}


/* Print styles. Inlined to avoid the additional HTTP request */
@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}