/*! 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{
    -webkit-box-sizing:border-box;
    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{
    -webkit-box-sizing:content-box;
    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;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small, caption{
    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
}

html{
    height:100%;
}
body{
    background:#FFF;
    color:#111;
    font-family:'Work Sans',sans-serif;
    min-height:100%;
    margin:0;
    padding:0
}
@font-face{
    font-family:'Fabrik';
    src:url("/assets/fonts/fabrik-regular.eot");
    src:url("/assets/fonts/fabrik-regular.woff2") format("woff2"),url("/assets/fonts/fabrik-regular.woff") format("woff")
}

h1,h2,h3,h4,h5,h6{
    color:#000
}

h1 {
  font-size: 37.90px
}

h2 {
  font-size: 28.43px
}

h3 {
  font-size: 21.33px
}

h4 {

}

p {
    color:#666;
    font-family:'Work Sans',sans-serif;
    font-size: 16px;
}
a {
    color:#000;
    font-weight:normal;
    text-decoration:none;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}

a:hover{
    color:#CCC
}
a:active{
    color:#666
}
ul{
    list-style-type:none;
    margin:0;
    padding:0
}
ul li{
    list-style:none;
    margin:0;
    padding:0
}

ul.bullets {
  padding: 0 2em 1em;
}

ul.bullets li {
  list-style: disc;
  margin-bottom: 1em;
}
.intro{
    font-size: 28.43px;
    line-height: 1.33em;
}
#content{
    min-height:100vh;
    overflow:auto
}
@media screen and (max-width:1024px){
    #content .toggle{
        display:none;
        padding:3em;
        background:url(/assets/svg/menu.svg) center no-repeat;
        background-size:60% 60%;
        position:absolute;
        top:0;
        right:0;
        z-index:10
    }
    #content .toggle:active{
        background:#EEE url(/assets/svg/menu.svg) center no-repeat;
        background-size:60% 60%
    }
    #content .toggle.on{
        background:url(/assets/svg/close.svg) center no-repeat;
        background-size:60% 60%
    }
    #content .toggle.on:active{
        background:#EEE url(/assets/svg/close.svg) center no-repeat;
        background-size:60% 60%
    }
}
nav{
    background:#FFF;
    padding:4em;
    height:calc(100vh - 8em);
    float:left;
    width:calc(20% - 8em);
    position:fixed
}
@media screen and (max-width:1024px){
    nav{
        display:none;
        padding:2em;
        width:calc(100% - 4em);
        height:100vh
    }
}
nav h1{
    font-size:2em
}
@media screen and (max-width:1024px){
    nav h1{
        font-size:4em;
        margin-bottom:2em
    }
}
nav h1 a{
    font-weight:bold;
}
nav ul{
    margin:3em 0 0
}
nav ul li a {
    background: #F3FFC3;
    color:#222;
    border-radius: 99px;
    padding: .7em 1em .5em;
    font-size:21.33px;
    line-height:1.5em
}
nav ul li.secondary a{
    font-size:1em
}
nav ul li.secondary.spacer{
    margin:3em 0 0
}
nav.on{
    display:block
}
main{
    padding:4em;
    min-height:calc(100vh - 8em);
    float:right;
    width:calc(80% - 8em);
}
main img{
    width:100%
}
main h1{
    display:none
}
main h1 a{
    font-weight:bold;
}
main .photogrid {
    display:grid;
    grid-template-columns:1fr 1fr;
     column-gap: 4em;
}

main .features {}
main .photogrid a, main .features a {
    display:inline-block;
    padding: 2em 0;
}
main .photogrid a img, main .features a img {
    display:inline-block;
    width:100%;
    -webkit-box-shadow:5px 5px 0 #EEE;
    box-shadow:5px 5px 0 #EEE;
    border:1px solid #111;
    margin-bottom:1em;
    -webkit-transition:.2s;
    transition:.2s
}
main .photogrid a:hover img, main .features a:hover img{
    opacity:.6
}

@media screen and (max-width:1024px){
    main .photogrid, main .features {
        margin:0 -2em
    }
    main .photogrid a, main .features a{
        padding:2em
    }
}

main .well span {
  display: inline-block;
  font-size: 80%;
  color: #666;
  margin-bottom: 3em;
  padding-left: 1em;
}
main .well.photos{
    margin:0 -1em
}
main .well.photos img{
    width:calc(32% - 2em);
    padding:1em
}
main .well.legacy{
    background:#111;
    width:calc(100% - 8em);
    padding:4em;
    text-align:center;
    -webkit-box-shadow:5px 5px 0 #EEE;
    box-shadow:5px 5px 0 #EEE
}

main .well.new {
  text-align: center;
}
main .well.new img {
  display:inline-block;
  width:80%;
  -webkit-box-shadow:5px 5px 0 #EEE;
  box-shadow:5px 5px 0 #EEE;
  border:1px solid #111;
  margin-bottom:1em;
  -webkit-transition:.2s;
  transition:.2s
}

main .well.legacy img{
    width:80%;
    border:1px solid #000;
    border-radius:3px
}
@media screen and (max-width:1024px){
    main .well.legacy img{
        width:90%
    }
}
main .well.legacy.first{
    padding-top:8em;
    margin-top:4em
}
main .well.legacy.last{
    padding-bottom:8em
}
@media screen and (max-width:1024px){
    main{
        padding:2em;
        width:calc(100% - 4em)
    }
    main h1{
        display:block;
        font-weight:bold;
        font-size:4em;
        margin-bottom:2em
    }
}
main .second{
    margin-top:8em
}
@-webkit-keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}

/*
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;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{-webkit-box-sizing:content-box;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;-webkit-text-decoration:underline dotted;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}html{height:100%}body{background:#FFF;color:#111;font-family:'Work Sans',sans-serif;min-height:100%;margin:0;padding:0}@font-face{font-family:'Fabrik';src:url("/assets/fonts/fabrik-regular.eot");src:url("/assets/fonts/fabrik-regular.woff2") format("woff2"),url("/assets/fonts/fabrik-regular.woff") format("woff")}h1,h2,h3,h4,h5,h6{color:#000}p{color:#666;font-family:'Work Sans',sans-serif}a{color:#000;font-weight:normal;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}a:hover{color:#CCC}a:active{color:#666}ul{list-style-type:none;margin:0;padding:0}ul li{list-style:none;margin:0;padding:0}.intro{font-size:150%;line-height:1.5}#content{min-height:100vh;overflow:auto}@media screen and (max-width:1024px){#content .toggle{display:none;padding:3em;background:url(/assets/svg/menu.svg) center no-repeat;background-size:60% 60%;position:absolute;top:0;right:0;z-index:10}#content .toggle:active{background:#EEE url(/assets/svg/menu.svg) center no-repeat;background-size:60% 60%}#content .toggle.on{background:url(/assets/svg/close.svg) center no-repeat;background-size:60% 60%}#content .toggle.on:active{background:#EEE url(/assets/svg/close.svg) center no-repeat;background-size:60% 60%}}nav{background:#FFF;padding:4em;height:calc(100vh - 8em);float:left;width:calc(20% - 8em);position:fixed}@media screen and (max-width:1024px){nav{display:none;padding:2em;width:calc(100% - 4em);height:100vh}}nav h1{font-size:2em}@media screen and (max-width:1024px){nav h1{font-size:4em;margin-bottom:2em}}nav h1 a{font-weight:bold;}nav ul{margin:3em 0 0}nav ul li a{color:#666;font-size:2em;line-height:1.5em}nav ul li.secondary a{font-size:1em}nav ul li.secondary.spacer{margin:3em 0 0}nav.on{display:block}main{padding:4em;min-height:calc(100vh - 8em);float:right;width:calc(80% - 8em)}main img{width:100%}main `h1`{display:none}main h1 a{font-weight:bold;}main .photogrid{display:grid;grid-template-columns:1fr 1fr; column-gap: 4em;}main .photogrid a{display:inline-block;}main .photogrid a img{display:inline-block;width:100%;-webkit-box-shadow:5px 5px 0 #EEE;box-shadow:5px 5px 0 #EEE;border:1px solid #111;margin-bottom:1em;-webkit-transition:.2s;transition:.2s}main .photogrid a:hover img{opacity:.6}@media screen and (max-width:1024px){main .photogrid{margin:0 -2em}main .photogrid a{padding:2em}}main .well.photos{margin:0 -1em}main .well.photos img{width:calc(32% - 2em);padding:1em}main .well.legacy{background:#111;width:calc(100% - 8em);padding:4em;text-align:center;-webkit-box-shadow:5px 5px 0 #EEE;box-shadow:5px 5px 0 #EEE}main .well.legacy img{width:80%;border:1px solid #000;border-radius:3px}@media screen and (max-width:1024px){main .well.legacy img{width:90%}}main .well.legacy.first{padding-top:8em;margin-top:4em}main .well.legacy.last{padding-bottom:8em}@media screen and (max-width:1024px){main{padding:2em;width:calc(100% - 4em)}main h1{display:block;font-weight:bold;font-size:4em;margin-bottom:2em}}main .second{margin-top:8em}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}