@charset "UTF-8";body {    /*background-image:url(../img/stripes.png);    background-size:8px;    background-attachment:fixed;*/}.page-wrap {    width:100%;    min-height:100%;    position:absolute;    margin:0;    padding:0;}.header-main {    width:100%;    height:280px;    position:absolute;    top:0;    left:0;    background-color:rgba(255,255,255,1);    z-index:50;    display:-webkit-box;    display:   -moz-box;    display:-ms-flexbox;    display:-webkit-flex;    display:        flex;    -webkit-flex-direction:row;            flex-direction:row;    -webkit-justify-content:center;            justify-content:center;    -webkit-transition:all 0.5s ease;       -moz-transition:all 0.5s ease;        -ms-transition:all 0.5s ease;         -o-transition:all 0.5s ease;            transition:all 0.5s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.5s;    -webkit-transition-timing-function:ease;}.header-main.off {    display:none;}.logo-wrap {    width:180px;    height:180px;    margin:30px 25px 0;    /*margin:0 auto;*/    z-index:100;    /*background:#5EC7DB;*/}.logo {    padding:10px;}.logo-svg {    width:100%;    height:100%;}.responsive-logo-wrap {    opacity:0;    -webkit-transition:all 0.3s ease;       -moz-transition:all 0.3s ease;        -ms-transition:all 0.3s ease;         -o-transition:all 0.3s ease;            transition:all 0.3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.3s;    -webkit-transition-timing-function:ease;}.nav-item {    width:160px;    height:200px;    margin:60px 10px 5px;    text-align:center;    z-index:999;    -webkit-transition:all 0.3s ease;       -moz-transition:all 0.3s ease;        -ms-transition:all 0.3s ease;         -o-transition:all 0.3s ease;            transition:all 0.3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.3s;    -webkit-transition-timing-function:ease;}.nav-item_1 {    background-image:url(../img/bio_1.png);    background-size:contain;    background-repeat:no-repeat;}.nav-item_2 {    background-image:url(../img/published_1.png);    background-size:contain;    background-repeat:no-repeat;}.nav-item_3 {    background-image:url(../img/blog_1.png);    background-size:contain;    background-repeat:no-repeat;}.nav-item_4 {    background-image:url(../img/connect_1.png);    background-size:contain;    background-repeat:no-repeat;}.nav-item_1:hover {    color:rgb(75, 135, 208);}.nav-item_2:hover {    color:rgb(248, 99, 69);}.nav-item_3:hover {    color:rgb(94, 199, 219);}.nav-item_4:hover {    color:rgb(46, 199, 139);}.nav-button {    width:160px;    padding:5px 0;    font-family:"Subway Mosaic Solid";    font-size:1.2em;    letter-spacing:1px;    text-outline:none;    font-weight:normal;    color:rgba(49,49,49,0.80);    -webkit-transition:all 0.3s ease;       -moz-transition:all 0.3s ease;         -o-transition:all 0.3s ease;            transition:all 0.3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.3s;    -webkit-transition-timing-function:ease;}.nav-button h3 {    margin-top:160px;    line-height:33px;    border-top:2px solid rgba(0,0,0,0.00);    border-bottom:2px solid rgba(0,0,0,0.00);       -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;            box-sizing:border-box;}.nav-svg {    width:100%;    height:100%;    -webkit-transition:all 0.3s ease;       -moz-transition:all 0.3s ease;         -o-transition:all 0.3s ease;            transition:all 0.3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.3s;    -webkit-transition-timing-function:ease;}.header-scroll {    width:100%;    height:40px;    position:fixed;    top:-60px;    background-color:rgba(255,255,255,0.96);    z-index:1000;    display:-ms-flexbox;    display:-webkit-flex;    display:        flex;    -webkit-flex-direction:row;            flex-direction:row;    -webkit-justify-content:space-around;            justify-content:space-around;    -webkit-transition:all 0.3s ease;       -moz-transition:all 0.3s ease;         -o-transition:all 0.3s ease;            transition:all 0.3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.3s;    -webkit-transition-timing-function:ease;}.header-scroll.on {    top:0;}.header-scroll .nav-item {    height:auto;    top:0;    margin:0 15px;    text-align:center;    background-image:none;    /*background-color: rgb(226, 209, 179);*/}.header-scroll .nav-button {    margin-top:0;    padding:0;}.header-scroll .nav-button h3 {    margin-top:0;}.bio-nav:hover {    color:rgb(75, 135, 208);}.pub-nav:hover {    color:rgb(248, 99, 69);}.blog-nav:hover {    color:rgb(94, 199, 219);}.connect-nav:hover {    color:rgb(46, 199, 139);}.hero {    width:100%;    height:100vh;    position:relative;    margin-top:0;    background-image:url(../img/hero_bg.jpg);    background-size:cover;    background-position:center bottom;    background-attachment:fixed;    overflow:hidden;}.hero-overlay {    width:100%;    height:100%;    background-attachment:fixed;}.page-title {    width:auto;    height:auto;    position:absolute;    left:0;    right:0;    bottom:100px;    color:white;    opacity:1;}.page-title h1 {    width:100%;    font-family:"Subway Mosaic Solid";    font-size:3em;    text-align:center;}.page-title h3 {    font-size:2em;    text-align:center;}.page-title.off {   bottom:-150px;}.scroll_title {    width:100%;    height:0px;    padding:0 10px;    overflow:hidden;}.scroll_title h1 {    font-family: "Subway Mosaic White";    font-size: 40px;    line-height: 80px;    text-align:center;    color: #313131;    opacity:0;    -webkit-transition:all 0.3s ease;       -moz-transition:all 0.3s ease;        -ms-transition:all 0.3s ease;         -o-transition:all 0.3s ease;            transition:all 0.3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.3s;    -webkit-transition-timing-function:ease;}.scroll_title.on {    height:80px;    }.scroll_title.on h1 {    opacity:1;}.content {    width:100%;    height:auto;    min-height:100vh;    padding-bottom:40px;    background-color:rgba(255,255,255,0.4);    z-index:50;    -webkit-transition:all 0.3s ease;       -moz-transition:all 0.3s ease;        -ms-transition:all 0.3s ease;         -o-transition:all 0.3s ease;            transition:all 0.3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.3s;    -webkit-transition-timing-function:ease;}.block {    background:white;}.footer {    width:100%;    height:40px;    position:fixed;    bottom:-50px;    left:0;    right:0;    color:white;    line-height:40px;    letter-spacing:1px;    background-color:#313131;    z-index:70;    display:-webkit-box;    display:   -moz-box;    display:-ms-flexbox;    display:-webkit-flex;    display:        flex;    -webkit-flex-direction:row;            flex-direction:row;    -webkit-justify-content:space-between;            justify-content:space-between;    -webkit-transition:all 1s ease;       -moz-transition:all 1s ease;         -o-transition:all 1s ease;            transition:all 1s ease;    -webkit-transition-property:all;    -webkit-transition-duration:1s;    -webkit-transition-timing-function:ease;}.footer.on {    bottom:0;}.footer .copyright {    padding:0 10px;}.footer .strangebird {    padding:0 10px;}/*.blue {  background-color: rgb(75, 135, 208);}.light_blue {  background-color: rgb(94, 199, 219);}.beige {  background-color: rgb(226, 209, 179);}.green {  background-color: rgb(46, 199, 139);}.yellow {  background-color: rgb(250, 204, 93);}.orange {  background-color: rgb(241, 128, 65);}.red {  background-color: rgb(248, 99, 69);}.pink {  background-color: rgb(238, 111, 158);}.dark_grey {  background-color: rgb(130, 121, 113);}.light_grey {  background-color: rgb(186, 179, 171);}.black {  background-color: rgb(49, 49, 49);}*/