@import url("https://fonts.googleapis.com/css?family=Merriweather:400,900|Six+Caps");
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],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:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{background:#fff;color:#6f6f6f;font-family:Merriweather,serif;font-size:1rem;left:0;line-height:1.6;overflow-x:hidden;position:relative;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease}@media (min-width:50em){body{font-size:1.125rem}}img{height:auto;max-width:100%}h1,h2,p{margin-bottom:1em;margin-top:0}h1{color:#009d9a;font-size:3.125rem;line-height:1}@media (max-width:350px){h1{font-size:2.5rem}}h2{color:#393939;font-family:Six Caps,sans-serif;font-size:2.3rem;font-weight:400;letter-spacing:.15em;line-height:1.4;text-transform:uppercase}@media (min-width:1000px){h2{font-size:3rem}}.nav{background:#009d9a;box-shadow:0 0 3em rgba(0,0,0,.15);height:100%;position:fixed;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s cubic-bezier(.5,0,.5,1);transition:transform .3s cubic-bezier(.5,0,.5,1);transition:transform .3s cubic-bezier(.5,0,.5,1),-webkit-transform .3s cubic-bezier(.5,0,.5,1);width:235px;z-index:9999}.nav ul{display:flex;flex-direction:column;height:100vh;list-style:none;margin:0;padding:1em 2em}.nav li{margin:1rem 0}.nav a{color:#223843;color:#fff;font-family:Six Caps,sans-serif;font-size:2rem;font-weight:400;letter-spacing:.15em;line-height:1;text-decoration:none;text-transform:none}.nav a:hover{color:#223843}.nav__toggle{background:#009d9a;border:0;border-radius:.25em 0 0 .25em;left:0;padding:1em .5em;position:absolute;top:2em;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background:#fff;height:1px;transition:opacity .2s linear,-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out,opacity .2s linear;transition:transform .35s ease-in-out,opacity .2s linear,-webkit-transform .35s ease-in-out;width:1.5em}.hamburger:after,.hamburger:before{content:"";left:0;position:absolute}.hamburger:before{bottom:6px}.hamburger:after{top:6px}.nav--open .nav{-webkit-transform:translateX(0);transform:translateX(0)}.nav--open .hamburger{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav--open .hamburger:before{opacity:0}.nav--open .hamburger:after{-webkit-transform:rotate(90deg) translate(-6px);transform:rotate(90deg) translate(-6px)}.about{margin:5em auto;max-width:50em;width:90%}.about:after{clear:both;content:"";display:block}@media (min-width:50em){.about h1{margin-top:.2em}}@media (max-width:50em){.about h1 br{display:none}}@media (min-width:40em){.about__img{float:left;margin-right:1em}}.about__title{margin-bottom:.25em}.about__subtitle{margin:.5em 0}@supports (display:grid){.about{grid-column-gap:.5em;display:grid;grid-template-columns:[port-start] minmax(11em,auto) [name-start] minmax(7em,auto) [img-end] 2fr [port-end]}@media (max-width:600px){.about{grid-template-columns:[port-start] minmax(6em,1fr) [name-start] minmax(6em,1fr) [img-end] 2fr [port-end]}}.about__img{grid-column:port-start/img-end;grid-row:1/2}@media (min-width:50em){.about__img{grid-row:1/4}}.about__title{align-self:end;grid-column:name-start/port-end;grid-row:1/2;margin-bottom:.5em}.about__subtitle,.about__text{grid-column:port/port}@media (min-width:50em){.about__subtitle,.about__text{grid-column:img-end/port-end}}}.contact{margin:0 auto;max-width:50em;padding:5em 0;width:90%}.contact form{display:flex;flex-direction:column}@supports (display:grid){@media (min-width:50em){.contact form{grid-column-gap:1em;display:grid;grid-template-areas:"name      email" "message   message" "  .       button"}.contact form .name{grid-area:name}.contact form .email{grid-area:email}.contact form .message{grid-area:message}.contact form .message textarea{height:10em}.contact form .form__button{grid-area:button}}}.contact h1{text-align:center}.contact label{color:#393939;display:block;margin-top:1.3em}.contact input,.contact textarea{background-color:#f6f6f7;border:1px solid #e8e9eb;box-sizing:border-box;display:block;font-size:1.2rem;padding:.75em;width:100%}.contact input:focus,.contact textarea:focus{border-color:#009d9a;outline:none}.contact textarea{resize:none}.contact .alert{border:1px solid #da1e28}.contact .form__button{background-color:#009d9a;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:Six Caps,sans-serif;font-size:2.5rem;font-weight:400;letter-spacing:.15em;line-height:1;margin-left:auto;margin-top:1.3em;padding:.5em 1.5em;text-transform:uppercase;width:auto}.contact .form__button:hover{background-color:#00b7b3}.contact span{color:#da1e28;font-style:italic;top:.5em;visibility:hidden}.portfolio{background:#e8e9eb;padding:5em 0;text-align:center}.portfolio__image{display:block;width:100%}.portfolio__title{color:#fff;font-size:2rem;margin-bottom:auto}.featured .portfolio__title{font-size:3rem}.portfolio__desc{display:none}.portfolio__link{align-self:flex-start;border-bottom:2px solid #fff;color:#fff;font-size:1.1rem;font-weight:900;text-decoration:none}.portfolio__link:after{content:url(/app/img/arrow-white.svg);display:inline-block;height:.8em;margin-left:.5em;width:.8em}.portfolio__items{display:flex;flex-wrap:wrap;margin:0 auto;max-width:50em;width:90%}.portfolio__item{flex:1 1 20rem;margin:auto;overflow:hidden;position:relative}.portfolio__item figcaption{background:rgba(0,157,154,.75);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;padding:1em;position:absolute;right:0;text-align:left;top:100%;transition:top .25s ease-in-out}.portfolio__item:focus figcaption,.portfolio__item:hover figcaption{top:0}@supports (display:grid){.portfolio__items{display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width:50em){.portfolio__items{grid-template-columns:repeat(4,1fr)}}.portfolio__item.featured{grid-column:1/span 2;grid-row:1/span 2}.featured .portfolio__title{font-size:3rem}.featured .portfolio__desc{display:block}}.portfolio__modal{background-color:#e8e9eb;bottom:2em;box-shadow:0 0 0 5em rgba(57,57,57,.5);display:none;left:2em;overflow-x:hidden;overflow-y:scroll;position:fixed;right:2em;top:2em;z-index:10}@media (max-width:50em){.portfolio__modal{bottom:1em;left:1em;right:1em;top:1em}}.portfolio__modal .modal__header{background-position:50%;background-size:cover;margin-bottom:2em;padding:5em 0;text-align:left}.portfolio__modal .header__one{background-image:url(/app/img/portfolio-01.jpg)}.portfolio__modal .header__two{background-image:url(/app/img/portfolio-02.jpg)}.portfolio__modal .portfolio__title__box{background-color:rgba(0,157,154,.75);color:#fff;padding:2em 1em;width:70%}.portfolio__modal .modal__title{display:inline-block;font-size:3rem}.portfolio__modal .modal__title:after{background-color:#fff;content:"";display:block;height:1px;margin:.5em 0;width:100%}.portfolio__modal .portfolio__content{font-size:1rem;margin:0 auto;padding-bottom:2em;text-align:left;width:90%}.portfolio__modal .portfolio--full--width{height:20vh;margin:2em calc(50% - 50vw);max-width:none;-o-object-fit:cover;object-fit:cover;width:100vw}@media (min-width:40em){.portfolio--pull--left{float:left;margin-right:1.5em;width:45%}.portfolio--pull--right{float:right;margin-left:1.5em;padding-bottom:2em;width:45%}}.portfolio__modal--close{background:#e8e9eb;border:0;cursor:pointer;height:2.2rem;position:fixed;right:4rem;top:4rem;width:2.2rem}@media (max-width:50em){.portfolio__modal--close{right:2em;top:2em}}.close{display:block;position:relative}.close:after,.close:before{background:#393939;content:"";height:2px;left:0;position:absolute;transition:opacity .2s linear,-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out,opacity .2s linear;transition:transform .35s ease-in-out,opacity .2s linear,-webkit-transform .35s ease-in-out;width:1.5em}.close:before{left:-1px;top:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close:after{left:-1px;top:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width:50em){.close:after,.close:before{left:-2px;top:-2px}}.modal--is--open{display:block}@-webkit-keyframes modalIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modalOut{0%{opacity:1}to{opacity:0}}@keyframes modalOut{0%{opacity:1}to{opacity:0}}.intro{color:hsla(0,0%,100%,.7);display:flex}.intro h2{color:#fff}.intro h2:after{background:hsla(0,0%,100%,.5);content:"";display:block;height:1px;margin:1em auto 0;width:20%}@supports (display:grid){.intro{display:grid;grid-template-columns:minmax(3em,1fr) minmax(auto,35em) minmax(3em,1fr)}@media (max-width:350px){.intro{grid-template-columns:minmax(2em,1fr) minmax(auto,35em) minmax(2em,1fr)}}}.intro__middle{background:#223843;display:flex;flex-direction:column;justify-content:center;padding:5em 5vw;text-align:center}.intro__left img,.intro__right img{display:block;min-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover}.welcome{align-items:center;background-image:url(/app/img/header-bg.png);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative}.welcome__header{color:#223843;font-size:1.5rem;font-weight:400;line-height:2;text-align:center}@media (min-width:1200px){.welcome__header{font-size:2vw}}.welcome__header span{color:#009d9a;display:block;font-family:Six Caps,sans-serif;font-size:5.5rem;font-weight:400;letter-spacing:.15em;line-height:1;margin-right:-.16em;text-transform:uppercase}@media (min-width:1200px){.welcome__header span{font-size:7vw}}@media (max-width:400px){.welcome__header span{font-size:4rem}}.welcome__header:after,.welcome__header:before{background:#223843;content:"";display:block;height:1px;width:60%}.welcome__header:before{margin:0 auto 2em}.welcome__header:after{margin:2.5em auto 0}.social{background-color:#223843;padding:4em 0;text-align:center}.social p{color:#fff}.social p:first-child{margin-bottom:2.2em}.social__copyright:before{background:hsla(0,0%,100%,.15);content:"";display:block;height:1px;margin:4em auto;width:25%}.social__icons{display:flex;justify-content:space-between;margin:0 auto;max-width:15em;width:90%}.social__icons img{height:20%;width:20%}.social__icons img:hover{background-color:#3c6276;border-radius:50%;cursor:pointer}
/*# sourceMappingURL=style.css.map */