.u-text-center{text-align:center}.u-text-left{text-align:left}.u-text-right{text-align:right}:root{--font-primary: 'Poppins', sans-serif;--font-secondary: 'Lora', serif;--color-white: #ffffff;--color-off-white: #f9f9f9;--color-text: #666666;--color-borders: #ececec;--color-primary: #c7ad88;--color-grey-light: #f2f2f2;--color-grey-medium: #b2b2b2;--color-grey-dark: #666666;--image-resume:     url(../img/thought-catalog-602502-unsplash.jpg);--image-about:      url(../img/fabrice-villard-584622-unsplash.jpg);--image-contact:    url(../img/paula-vermeulen-788-unsplash.jpg);--image-design:    url(../img/bench-accounting-49027-unsplash.jpg);--image-digital:    url(../img/sara-kurfess-O1mej4P-Rws-unsplash.jpg);--effect-shadow: 0 1px 5px 5px rgba(102,102,102,0.1)}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;overflow-y:scroll;box-sizing:border-box}@media only screen and (max-width: 80em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (max-width: 37.5em){html{font-size:50%}}body{font-family:var(--font-primary);font-size:1.6rem;font-weight:300;line-height:1.7;color:var(--color-text);background-color:var(--color-off-white);width:100%;display:flex}@media only screen and (max-width: 80em){body{flex-direction:column}}header{min-width:300px}@media only screen and (max-width: 80em){header{min-width:100%;min-height:120px}}main{width:100%;height:100%;padding:4rem}@media only screen and (max-width: 80em){main{padding:0}}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.heading{font-size:2rem;line-height:1;margin-bottom:2rem;font-family:var(--font-primary)}.subheading{font-size:1.8rem;font-weight:600;line-height:1;margin-bottom:1.5rem;font-family:var(--font-primary)}.paragraph{font-size:inherit;line-height:inherit;font-family:var(--font-primary)}.paragraph strong{font-weight:500}.paragraph:not(:last-child){margin-bottom:2rem}.btn-nav{display:inline-block;width:3.5rem;height:3.5rem;outline:0;border:none;border-radius:50%;background-color:var(--color-grey-light);fill:var(--color-grey-dark);transition:all .2s ease-in}.btn-nav:not(:last-child){margin-right:1rem}@media only screen and (max-width: 56.25em){.btn-nav:not(:last-child){margin-right:2rem}}.btn-nav:hover{cursor:pointer;background-color:var(--color-primary);fill:var(--color-white)}.btn-nav>svg{width:1.5rem;height:1.5rem}.btn:link,.btn:visited{font-family:inherit;font-size:inherit;font-weight:400;color:var(--color-grey-dark);text-decoration:none;text-transform:uppercase;padding:1rem 3rem;border:1px solid var(--color-grey-dark);transition:all .2s}@media only screen and (max-width: 37.5em){.btn:link,.btn:visited{display:block}}.btn:hover{color:var(--color-white);border:1px solid var(--color-primary);background-color:var(--color-primary)}.btn:active,.btn:focus{outline:none}.btn:not(:last-child){margin-right:2rem}@media only screen and (max-width: 37.5em){.btn:not(:last-child){margin-right:0;margin-bottom:2rem}}.btn-white:link,.btn-white:visited{color:var(--color-white);border:1px solid var(--color-white)}.btn-white:hover{color:var(--color-primary);border:1px solid var(--color-white);background-color:var(--color-white)}.submit{font-family:inherit;font-size:inherit;font-weight:400;color:var(--color-grey-dark);text-decoration:none;text-transform:uppercase;padding:1rem 3rem;border:1px solid var(--color-grey-dark);transition:all .2s;background:none}.submit:active,.submit:focus{outline:none}.submit:hover{color:var(--color-white);border:1px solid var(--color-primary);background-color:var(--color-primary)}.btn-digital:link,.btn-digital:visited{text-align:center;min-width:125px;display:inline-block;font-family:inherit;font-size:1.2rem;font-weight:400;color:var(--color-grey-medium);text-decoration:none;text-transform:uppercase;padding:1rem 2rem;border-radius:50px;border:1px solid var(--color-grey-medium);transition:all .2s}@media only screen and (max-width: 100em){.btn-digital:link,.btn-digital:visited{display:block}}@media only screen and (max-width: 37.5em){.btn-digital:link,.btn-digital:visited{display:block}}.btn-digital:hover{color:var(--color-white);border:1px solid var(--color-primary);background-color:var(--color-primary)}.btn-digital:active,.btn-digital:focus{outline:none}.btn-digital:not(:last-child){margin-right:1rem}@media only screen and (max-width: 100em){.btn-digital:not(:last-child){margin-right:0;margin-bottom:1rem}}@media only screen and (max-width: 37.5em){.btn-digital:not(:last-child){margin-right:0;margin-bottom:1rem}}.menu{list-style-type:none}.menu__item{display:block}.menu__link{position:relative;display:block;line-height:4rem;height:auto;padding-left:1rem}.menu__link::before{content:"";width:2px;height:100%;background-color:var(--color-primary);position:absolute;top:0;left:0;transform:scaleY(0);transform-origin:center;transition:transform .6s}.menu__link:link,.menu__link:visited{font-size:1.4rem;font-weight:600;letter-spacing:1px;color:inherit;text-transform:uppercase;text-decoration:none}.menu__link:hover{color:var(--color-primary)}.menu__link:hover::before{transform:scaleY(0.5)}.is-active{color:var(--color-primary)}.is-active ::before{transform:scaleY(0.5)}.show-menu{display:none;width:100%;line-height:5rem;text-decoration:none;text-transform:uppercase}input[type=checkbox]{display:none}input[type=checkbox]:checked ~ .menu{display:block}@media only screen and (max-width: 80em){.menu{position:static;display:none;width:100%;margin:2rem 0}.menu__item,.menu__link{width:100%;display:inline-block;text-align:center}.menu__item::before,.menu__link::before{display:none}.show-menu{font-weight:400;margin-top:2rem;display:block;border-top:1px solid var(--color-borders);border-bottom:1px solid var(--color-borders);text-align:center}}.form{width:100%}.form__group{width:100%;height:100%;position:relative}.form__group:not(:last-child){margin-bottom:1.5rem}input[type=text]:focus{outline:none;outline:0}input[type=textarea]:focus{outline:none;outline:0}input[type=select]:focus{outline:none;outline:0}.input,.textarea{font-family:Arial, sans-serif;font-size:1.5rem;color:var(--color-grey-dark);position:relative;width:100%;padding:2rem;border:1px solid #ececec}.input:focus:invalid,.textarea:focus:invalid{color:red}.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:var(--color-grey-medium)}.label{font-family:Arial, sans-serif;font-size:1.2rem;color:var(--color-grey-medium);margin-right:4rem;margin-top:.5rem;display:block;text-align:right;transition:all .3s}.input:placeholder-shown+.label{opacity:0;visibility:hidden;transform:translateX(-10rem)}.textarea:placeholder-shown+.label{opacity:0;visibility:hidden;transform:translateX(-10rem)}.g-recaptcha{display:block;height:100%;width:100%;margin-top:-1rem;margin-bottom:1.5rem}.section-skills{width:100%;height:auto}.skills{display:flex;flex-direction:column;flex-flow:row wrap}.skills__item{flex:auto;width:calc(100% / 6);margin:0.5rem;padding:3.5rem 0;background-color:rgba(0,0,0,0.1);display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width: 37.5em){.skills__item{width:calc(100% / 4)}}.skills__item>p{font-size:1.4rem;line-height:1}.skills__icon{font-size:3rem;margin-bottom:1.5rem;color:var(--color-grey-dark)}.gallery__row{display:flex;flex-direction:row;flex-wrap:wrap}.gallery__item{flex:auto;width:calc(100% / 5);margin:0.5rem;position:relative}@media only screen and (max-width: 37.5em){.gallery__item{width:calc(100% / 3)}}.gallery__item img{width:100%;height:auto;display:block;opacity:.9}.gallery__item:first-child{opacity:1;background-color:var(--color-primary)}.image__overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-primary);opacity:0;transition:.5s ease}.image__overlay:hover{cursor:pointer}@media only screen and (max-width: 56.25em){.image__overlay:not(:first-child){display:none}}.image__overlay:first-child{opacity:1}.image__overlay-heading{z-index:2;font-size:3rem;font-weight:600;color:var(--color-white);border-bottom:1px solid var(--color-white)}@media only screen and (max-width: 100em){.image__overlay-heading{font-size:2.25rem}}.image__overlay-subheading{font-family:var(--font-secondary);font-style:italic;z-index:2;font-size:1.6rem;font-weight:500;color:var(--color-white);margin-top:0.25rem}@media only screen and (max-width: 100em){.image__overlay-subheading{font-size:1.2rem}}.gallery__item:hover .image__overlay{opacity:0.9}.home__image{width:100%;height:92vh;position:relative;padding:20rem;background-image:url(../img/mitch-lensink-1693292-unsplash.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:.9;display:flex}@media only screen and (max-width: 80em){.home__image{height:calc(100vh - 120px);padding:20rem 10rem}}@media only screen and (max-width: 37.5em){.home__image{height:calc(100vh - 120px);padding:20rem 6rem}}.home__image-text-primary{position:absolute;bottom:24rem;align-self:flex-end;font-size:6rem;font-weight:600;line-height:1;color:var(--color-white);-webkit-animation:1.5s slide cubic-bezier(0, 0, 0.1, 1);animation:1.5s slide cubic-bezier(0, 0, 0.1, 1)}@media only screen and (max-width: 56.25em){.home__image-text-primary{-webkit-animation:none;animation:none}}@media only screen and (max-width: 37.5em){.home__image-text-primary{font-size:4rem}}.home__image-text-secondary{flex-direction:column;align-self:flex-end;font-family:var(--font-secondary);font-style:italic;font-size:2.25rem;font-weight:400;line-height:1;color:var(--color-white);-webkit-animation:2s pop ease-in;animation:2s pop ease-in}@media only screen and (max-width: 37.5em){.home__image-text-secondary{font-size:1.8rem}}@-webkit-keyframes slide{0%{opacity:0;transform:translateX(50rem)}95%{transform:translateX(-1rem)}100%{opacity:1;transform:translateX(0)}}@keyframes slide{0%{opacity:0;transform:translateX(50rem)}95%{transform:translateX(-1rem)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes pop{0%{opacity:0}80%{opacity:0}100%{opacity:1}}@keyframes pop{0%{opacity:0}80%{opacity:0}100%{opacity:1}}.bg{padding:8rem 20rem;position:relative;overflow:hidden}@media only screen and (max-width: 100em){.bg{padding:8rem 10rem}}@media only screen and (max-width: 37.5em){.bg{padding:8rem 6rem}}.bg-video{position:absolute;top:0;left:0;min-width:100%;min-height:100%;opacity:0.15;z-index:-1}.bg-video__content{height:auto;min-height:100%;width:auto;min-width:100%;-o-object-fit:cover;object-fit:cover}.fixed{position:fixed;z-index:999;width:300px;height:100vh;padding:8rem 4rem;z-index:1;background-color:var(--color-white);display:flex;flex-direction:column;justify-content:space-between}@media only screen and (max-width: 80em){.fixed{flex-direction:row;align-items:center;padding:2rem 0 0 0;height:auto;width:100%;flex-wrap:wrap}}@media only screen and (max-width: 80em){.fixed__logo{order:1;flex:0 0 50%;padding-left:4rem}}.fixed__logo-img{width:8rem;height:8rem;background-image:url("../img/logo.svg");background-size:contain;background-repeat:no-repeat;background-position:left;transition:width .4s, height .4s;transition:all .5s}@media only screen and (max-width: 80em){.fixed__logo-img{width:6.5rem;height:6.5rem;transition:none}}.fixed__logo-img:hover{transform:rotate(360deg);cursor:pointer}.fixed__nav{order:2}@media only screen and (max-width: 80em){.fixed__nav{order:3;width:100%}}.fixed__social{order:3;padding-right:2.5rem}@media only screen and (max-width: 80em){.fixed__social{order:2;flex:0 0 50%;text-align:right}}.fixed__legal{padding-top:2rem;order:4;font-size:1.3rem;font-family:var(--font-secondary);font-style:italic;color:var(--color-grey-medium)}@media only screen and (max-width: 80em){.fixed__legal{display:none}}.section-home{width:100%}.section-about{width:100%;height:auto;padding:8rem 20rem}.section-about:nth-last-of-type(2){padding-top:0}@media only screen and (max-width: 100em){.section-about{padding:8rem 10rem}}@media only screen and (max-width: 37.5em){.section-about{padding:8rem 6rem}}.content{display:flex;flex-direction:row}@media only screen and (max-width: 37.5em){.content{flex-direction:column}}.content-left{flex:0 0 50%;padding-right:2rem}@media only screen and (max-width: 37.5em){.content-left{flex:1;padding-right:0;padding-bottom:6rem}}.content-right{flex:0 0 50%;padding-left:2rem}@media only screen and (max-width: 37.5em){.content-right{flex:1;padding-left:0}}.content .heading{margin-bottom:5rem}.section-client{width:100%;height:auto;padding:0;display:flex;flex-direction:column}.client{display:flex;flex-direction:row}@media only screen and (max-width: 37.5em){.client{flex-direction:column}}.client__images{order:1;flex:0 0 60%}@media only screen and (max-width: 80em){.client__images{flex:0 0 50%}}@media only screen and (max-width: 37.5em){.client__images{flex:1;order:2}}.client__images>img{width:100%;height:auto;display:block}.client__images>img:not(:last-child){margin-bottom:1rem}@media only screen and (max-width: 37.5em){.client__images>img:not(:last-child){margin-bottom:0}}.client__info{order:2;width:auto;margin-left:4rem;padding:6rem;background-color:var(--color-grey-light)}@media only screen and (max-width: 100em){.client__info{padding:6rem 4rem}}@media only screen and (max-width: 80em){.client__info{padding:6rem;margin-left:1rem}}@media only screen and (max-width: 37.5em){.client__info{margin-left:0;order:1}}.client__info>.heading{color:var(--color-primary);font-size:3rem}.client__info>.subheading{line-height:1.3}.client__info ul{margin-left:2rem;margin-bottom:3rem}.client__web{display:block;width:100%;height:auto;margin-top:4rem;margin-bottom:4rem}.client__nav{display:block;width:100%;height:auto;margin-bottom:4rem}.client__nav>button{fill:var(--color-white);background-color:var(--color-primary)}.client__nav>button:hover{background-color:var(--color-grey-medium)}.section-design{width:100%;height:auto;padding-top:8rem;display:flex;flex-direction:column}@media only screen and (max-width: 56.25em){.section-design{padding-top:0rem}}.section-work-all{width:100%;height:auto;padding:0}.intro{width:100%;height:auto}.intro__image{display:flex;width:100%;height:75vh;padding:20rem;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:.9}.intro__image.about{background-image:var(--image-about)}.intro__image.resume{background-image:var(--image-resume)}.intro__image.design{background-image:var(--image-design)}.intro__image.digital{background-image:var(--image-digital)}.intro__image.contact{background-image:var(--image-contact)}@media only screen and (max-width: 100em){.intro__image{padding:20rem 10rem}}@media only screen and (max-width: 37.5em){.intro__image{padding:8rem 6rem}}.intro__title{display:flex;flex-direction:column;align-self:flex-end}.intro__title-main{font-size:6rem;font-weight:600;line-height:1;margin-bottom:2rem;color:var(--color-primary)}@media only screen and (max-width: 37.5em){.intro__title-main{font-size:4rem}}.intro__title-sub{font-family:var(--font-secondary);font-size:2.25rem;font-weight:400;font-style:italic;line-height:1.3;letter-spacing:0.5px;color:var(--color-grey-dark)}@media only screen and (max-width: 37.5em){.intro__title-sub{font-size:1.8rem}}.section-contact{width:100%;padding:8rem 20rem;display:flex;flex-direction:column}@media only screen and (max-width: 100em){.section-contact{padding:8rem 10rem}}@media only screen and (max-width: 80em){.section-contact{padding:8rem 6rem}}.section-contact .heading{margin-bottom:5rem}.section-resume{width:100%;padding:8rem 20rem;display:flex;flex-direction:column}@media only screen and (max-width: 100em){.section-resume{padding:8rem 10rem}}@media only screen and (max-width: 37.5em){.section-resume{padding:8rem 6rem}}.section-resume .heading{margin-bottom:1.25rem}.section-resume .subheading{color:var(--color-primary)}.section-resume .resume-list{margin-left:2rem}.section-resume__content{padding:5rem 0}.section-resume__content:first-child{padding-top:0}.section-resume__content:last-child{flex-direction:column;padding-bottom:0}.section-resume__content:not(:last-child){border-bottom:1px solid var(--color-grey-medium)}.section-success{width:100%;height:calc(100vh - 8rem);background-color:var(--color-primary);display:flex;justify-content:center;align-items:center}.success-message{text-align:center}.success-message h1{display:block;font-size:4rem;color:var(--color-white)}.success-message p{display:block;color:var(--color-white);padding-bottom:2rem}