*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body{box-sizing:border-box;padding:2rem}@media only screen and (max-width: 37.5em){body{padding:0}}body{font-family:'Lato', Helvetica, Arial, sans-serif;font-size:1.8rem;line-height:1.7;color:#808080}@media only screen and (max-width: 37.5em){body{font-size:1.4rem;line-height:1.5}}body p{margin-bottom:1rem}body p a{text-decoration:none;padding-bottom:.5rem;color:#FF7A00;border-bottom:1px dotted #FF7A00}@media only screen and (max-width: 37.5em){body p a{padding-bottom:.2rem}}body p a:hover{color:#0C2f98;border-bottom:1px dotted #0C2f98}h1{font-size:4rem}@media only screen and (max-width: 37.5em){h1{font-size:2rem}}h2{font-size:2.5rem;color:#000;margin:2rem 0 3rem 0;text-align:center}@media only screen and (max-width: 37.5em){h2{margin-bottom:1.5rem}}h3{font-size:2rem;color:#0C2f98}nav.breadcrumb{font-size:1.4rem;padding-top:1rem;background-color:#e9edfd}nav.breadcrumb ol{list-style:none}nav.breadcrumb ol li{display:inline}nav.breadcrumb ol li+li::before{display:inline-block;margin:0 0.25em;-webkit-transform:rotate(15deg);transform:rotate(15deg);border-right:0.1em solid #0C2f98;height:0.8em;content:''}nav.breadcrumb [aria-current="page"]{color:#000;font-weight:700;text-decoration:none}@media only screen and (max-width: 37.5em){nav.breadcrumb{font-size:1.2rem}}.btn,.btn:link,.btn:visited{text-decoration:none;padding:1.5rem 4rem;display:inline-block;transition:all .2s;position:relative;background-color:#FF922D;color:#fff;font-size:1.8rem;border:none;cursor:pointer}.btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.btn:active,.btn:focus{outline:none;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.2)}.btn::after{content:"";display:inline-block;height:100%;width:100%;position:absolute;top:0;left:0;z-index:-1;transition:all .4s;background-color:#FF7A00}.portfolio-text{text-align:center;margin-top:5rem}.examples{position:relative;margin:2rem 0}.examples__photo{border:1px solid #808080;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.4);z-index:10;transition:all .2s;outline-offset:2rem;width:98%}@media only screen and (max-width: 56.25em){.examples__photo{box-shadow:none}}.examples__photo--desktop{width:80%}@media only screen and (max-width: 56.25em){.examples__photo--desktop{width:100%}}.examples__photo--desktop:hover{position:absolute}@media only screen and (max-width: 56.25em){.examples__photo--desktop:hover{position:relative}}.examples__photo--mobile{position:absolute;width:40%;right:0;top:2rem}@media only screen and (max-width: 56.25em){.examples__photo--mobile{display:none}}.examples__photo:hover{outline:1rem solid #FF922D;-webkit-transform:scale(1.05) translateY(-0.5rem);transform:scale(1.05) translateY(-0.5rem);box-shadow:0 2.5rem 4rem rgba(0,0,0,0.5);z-index:20}@media only screen and (max-width: 56.25em){.examples__photo:hover{-webkit-transform:none;transform:none;box-shadow:none}}@media only screen and (max-width: 37.5em){.examples__photo:hover{outline:0}}.container{max-width:114rem;margin:0 auto}@media only screen and (max-width: 75em){.container{margin:0 2rem}}.row::after{content:"";display:table;clear:both}.row .col-1-of-3{width:calc((100% - 2 * 4rem) / 3);float:left;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.row .col-1-of-3:not(:nth-child(3)){margin-right:4rem}@media only screen and (max-width: 56.25em){.row .col-1-of-3:not(:nth-child(3)){margin-right:0}}@media only screen and (max-width: 56.25em){.row .col-1-of-3{width:calc((100% - 4rem) / 2)}.row .col-1-of-3 h3{text-align:center}.row .col-1-of-3:not(:nth-child(even)){margin-right:4rem}}@media only screen and (max-width: 37.5em){.row .col-1-of-3{width:100%;margin-right:0}.row .col-1-of-3:not(:first-child) h3{margin-top:1rem}}.section-darker{background-color:#e9edfd}.section-downward{padding:1rem 0 9rem}@supports (-webkit-clip-path: polygon(0 0)) or (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)){.section-downward{-webkit-clip-path:polygon(0 0, 100% 0, 100% calc(100% - 6rem), 50% 100%, 0% calc(100% - 6rem));clip-path:polygon(0 0, 100% 0, 100% calc(100% - 6rem), 50% 100%, 0% calc(100% - 6rem))}}.section-padding{padding:1rem 0 6rem}.header{background:#0C2f98;height:10rem}.header .header-inner{max-width:114rem;height:100%;margin:0 auto;position:relative}.header .header-inner .header-primary{float:left;line-height:1;padding-top:1.5rem}.header .header-inner .header-primary--main{display:block;color:#fff;font-size:4rem;font-weight:400}@media only screen and (max-width: 37.5em){.header .header-inner .header-primary--main{display:initial;font-size:3rem}}.header .header-inner .header-primary--sub{display:block;font-size:2rem;color:#c0c0c0;font-weight:300;font-style:italic}@media only screen and (max-width: 37.5em){.header .header-inner .header-primary--sub{display:initial;font-size:2.8rem}}.header .header-inner .header-primary a{text-decoration:none}@media only screen and (max-width: 75em){.header .header-inner .header-primary{padding-left:2rem}}@media only screen and (max-width: 37.5em){.header .header-inner .header-primary{padding-left:1rem;padding-right:1rem;float:none;text-align:center}}.header .header-inner nav{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0}.header .header-inner nav ul li{display:inline-block;list-style:none}.header .header-inner nav ul li:not(:last-child){margin-right:2rem}.header .header-inner nav ul li a{color:#c0c0c0;text-decoration:none}.header .header-inner nav ul li a:hover{color:#fff;font-weight:500;padding-bottom:.5rem;border-bottom:0.1rem dotted #fff}@media only screen and (max-width: 37.5em){.header .header-inner nav ul li{right:2rem}}.header .header-inner nav ul .active a{color:#fff;font-weight:500;padding-bottom:.5rem;border-bottom:0.1rem dotted #fff}@media only screen and (max-width: 75em){.header .header-inner nav{right:2rem}}@media only screen and (max-width: 37.5em){.header .header-inner nav{position:relative;top:initial;-webkit-transform:initial;transform:initial;right:initial;text-align:center;margin-top:.5rem;padding-bottom:1.5rem}}@media only screen and (max-width: 37.5em){.header{height:auto}}.footer{background-color:#0C2f98;margin-top:5rem;padding:4rem 0;color:#fff;font-size:1.4rem;font-weight:300}.footer #social-links{text-align:center}.footer #social-links a{color:#fff;margin:0 2rem}.footer #social-links a img:hover{opacity:0.9;-webkit-transform:translateY(-0.5rem) scale(1.1);transform:translateY(-0.5rem) scale(1.1)}.home-intro{min-height:37rem;padding-top:2rem}.harry_profile{border-radius:50%;float:left;margin-right:3rem}.harry_profile+h2{text-align:left}@media only screen and (max-width: 37.5em){.harry_profile{float:none;margin-right:auto;margin-left:auto;display:block}.harry_profile+h2{text-align:center}}@media only screen and (max-width: 56.25em){#home-page .row .col-1-of-3:nth-child(3){float:none;margin-right:auto;margin-left:auto}}.contain-1440{max-width:144rem;margin:0 auto}#resume h2{font-size:2.5rem;color:#000;margin:3rem 0 2rem 0;text-align:left}@media only screen and (max-width: 75em){#resume h2{padding-left:2rem}}@media only screen and (max-width: 37.5em){#resume h2{text-align:center;line-height:initial;padding-left:initial}}#resume h4{color:#0C2f98;font-size:1.7rem}@media only screen and (max-width: 75em){#resume.container{margin:0}}@media only screen and (max-width: 37.5em){#resume.container{margin:0 2rem}}.skills{display:flex;margin:1rem 0 3rem 0}.skills--type{width:48%;padding:1.5rem 2rem 3rem 2rem;box-shadow:0 0.5rem 4rem rgba(0,0,0,0.15)}.skills--type:not(:last-child){margin-right:4%}.skills--type::after{content:"";display:table;clear:both}.skills--type ul{list-style:none}.skills--type ul li{float:left}.skills--type ul li:not(:last-child)::after{content:", ";padding-right:.5rem}@media only screen and (max-width: 56.25em){.skills{display:initial}.skills--type{width:100%;margin-right:0;margin-bottom:2rem}.skills--type:not(:last-child){margin-right:0}}.resume-box{padding:3rem 2rem;box-shadow:0 0.5rem 4rem rgba(0,0,0,0.15)}.resume-list{border-left-width:2px;border-left-style:solid;border-color:#ececec;margin-left:2rem;padding:0 2rem 2rem;position:relative;display:flex;flex-wrap:wrap}.resume-list h3,.resume-list h4{line-height:1.3}.resume-list--item{width:40%;margin-right:2%}.resume-list--description{width:58%}.resume-list--description ul{margin-left:1rem;padding-left:1rem;line-height:1.2}.resume-list--description ul li{padding-bottom:.5rem}.resume-list:before{content:'';background:#F8BB10;height:1rem;width:1rem;position:absolute;left:-.6rem;top:.8rem;border-radius:50%;box-shadow:0 0 0 6px #fff}@media only screen and (max-width: 56.25em){.resume-list--item{width:100%;margin-right:0}.resume-list--description{width:100%}}#whoozwho{margin:4rem auto}