@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,400i,500,700);html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:Raleway,sans-serif;font-size:1rem;margin:0;color:#333}.mh-logo,.mh-logo a{color:#fff;text-decoration:none}@media screen and (min-width:1600px){body{font-size:1.4vw}}main{background-color:#fafafa}.mh-logo,.mh-logo::after{background-color:#ff4035}.mh-logo{position:relative;font-family:Raleway;font-size:1.175em;margin-right:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;border-radius:50%;width:4.5em;height:4.5em}.mh-logo a{letter-spacing:.175em}.mh-logo-name{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:99;width:100%;height:100%;-webkit-transition:letter-spacing .2s;transition:letter-spacing .2s}.mh-logo-name:hover{-webkit-transition:letter-spacing .2s;transition:letter-spacing .2s;letter-spacing:.475em}.mh-logo::after{content:'';position:absolute;-webkit-transition:all .2s;transition:all .2s;width:0;height:0;border:none;z-index:9}.mh-title{font-size:.875em}@media screen and (min-width:768px){.mh-title{font-size:1em}}nav li{display:inline-block;color:#534C46;padding-right:.275em}nav li a.router-link-exact-active,nav li a:hover{color:#ff4035}a,h2{color:#272A33}nav li:after{content:' /'}h1,h2,h3,h4,p{margin:0}h1{color:#151821;font-size:1.5rem;font-weight:500;padding-bottom:.275em}h2{padding-bottom:.5em;font-size:1.125rem;font-weight:400}a[href^="tel:"]{text-decoration:none}p{color:#3c2525;font-size:1.375em;line-height:1.675}strong{display:block;font-family:Raleway,sans-serif;font-weight:700;text-transform:uppercase;color:#A3B6CC}.header,.nav-work{display:-webkit-box;display:-ms-flexbox}button{background:0 0;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.container{max-width:90vw;margin:0 auto}.header,.mh-about p{margin-bottom:1.5em}.header{padding-bottom:1.5em;border-bottom:1px solid rgba(71,124,190,.15);display:flex;position:relative}.home .container{position:relative;overflow:hidden;padding:2.5em 0 1.5em}@media screen and (min-width:568px){.home .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.mh-about{width:65%}}.nav-work{display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mh-about{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:50em}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.project-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.project-container img{width:100%}.project-container-single{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-bottom:12vw}.project-container a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.project-link{display:block;padding-bottom:1em}.project-full,.skills-list{display:-webkit-box;display:-ms-flexbox}.project-single{position:relative;background-size:cover;background-repeat:no-repeat;margin:0 0 3.5em;width:100%;padding-bottom:50%}@media only screen and (min-width:568px){.project-single{width:48.5%;padding-bottom:25%}}@media screen and (min-width:769px){.project-single{width:32.5%;padding-bottom:15%}}.project-single button{position:absolute;opacity:0;top:50%;left:50%;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%);z-index:9;border:0;font-size:3.5em;color:#ff4035}.form button:disabled,.form-submitting{opacity:.5}.project-single h4{position:absolute;width:100%;z-index:1;font-size:1em;font-weight:400;height:0;bottom:-.5em}@media screen and (min-width:769px){.project-single h4{font-size:1.175em}}.skills-block{margin-bottom:2.5em}.skills-list{list-style-type:none;margin:0;padding:0;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.skills-list li{display:inline-block;font-size:1.175em;font-family:Raleway;color:#3c2525;padding-bottom:.375em;width:50%}@media screen and (min-width:667px){.skills-list li{font-size:1.5em;width:33%}}.project-full{position:relative;padding:2.5em 0 0;display:flex}.project-full__details{padding:0 2em 0 0}@media screen and (min-width:768px){.project-full__details{width:35%}}.project-full__box{padding-bottom:4.5em;width:100%}.project-info{padding-bottom:1.5em}.project-info h3{font-size:2.5em;color:#534C46;padding-bottom:.5em}.project-info p{font-size:1em}@media screen and (min-width:768px){.project-full__box{width:65%;position:absolute;right:0;top:3em}.project-info{padding-bottom:2.5em}}.project-technologies h4{margin-bottom:1em;padding-bottom:0 .675em;border-bottom:3px solid #B79CFF;text-transform:uppercase;font-weight:400}.project-technologies ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-technologies li{list-style-type:none;padding-bottom:.5em;width:50%}.project-previews{position:relative}.desktop-preview{max-width:100%}.desktop-preview [class^=circle-]{width:.75em;height:.75em;margin:.275em;display:inline-block;border-radius:50%}.preview-close,.preview-top{display:-webkit-box;display:-ms-flexbox}.mobile-preview{position:absolute;max-width:300px;width:35%;bottom:-3em;right:3em;z-index:9}.circle-red{background:#d95b6a}.circle-yellow{background:#e0d85e}.circle-green{background:#5bd98a}.preview-url{border-radius:3px;background:#fff;font-size:.5em;color:#919191;width:100%;margin:0;-ms-flex-item-align:center;align-self:center;padding:.5em}.preview-close{width:20%;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-img{border-radius:0 0 4px 4px;border:3px solid #e8e8e8;border-top:none}.preview-img a{display:block;background:#e8e8e8}.preview-img img{display:block;-webkit-box-shadow:none;box-shadow:none;width:100%}.preview-top{padding:.375em;border-radius:4px 4px 0 0;background:#e8e8e8;display:flex;width:100%}.google-map{width:100%;height:25em;margin-bottom:2em}@media screen and (min-width:768px){.google-map{width:50%}}.contact{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.form label,.form-row label{display:block}.contact__announce{color:#fff;margin-bottom:1em;padding:.5em;background-color:#5cb85c;font-weight:700}.form{margin-bottom:2em;font-size:1em;width:100%}.form label{margin-bottom:.5em}.button-container,.form-row{margin-bottom:1.5em}.form input,.form textarea{width:100%;padding:1em;border:1px solid #dcdcdc}.form input:disabled,.form textarea:disabled{background-color:#dcdcdc45}.form button:disabled:hover{background:0 0;color:#ff4035}.form textarea{height:12em}.footer li,.form-placeholder{display:inline-block}.form-row>div{margin-right:1em}.form-row div:last-child{margin-right:0}.form-input{width:50%}.form-placeholder{background-color:#fff;height:100%;padding:0 .5em}@media screen and (min-width:768px){.form{width:48.5%}}.button--primary,.button--secondary{padding:.5em 1em;border-radius:.75em;text-decoration:none;font-size:1.375em;display:inline-block}.button--primary{border:1px solid #ff4035;color:#ff4035}.button--primary:after{content:' >'}.button--primary:hover{border:1px solid #151821;color:#ff4035}.button--secondary{border:1px solid #ff4035;color:#ff4035}.button--secondary:hover{background-color:#ff4035;color:#fff}.footer{max-width:50em;border-top:1px solid rgba(71,124,190,.15)}.footer p{font-size:1.125rem}@media screen and (min-width:667px){.footer{width:65%}}.footer ul{margin:0;padding:0}.footer small{font-size:1em;display:block;margin:1em 0}.footer svg{width:2em;height:2em}