article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:\201C \201D \2018 \2019}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,figure{margin:0}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}*{box-sizing:border-box}html,body{height:100%}html{font-family:"Open Sans",sans-serif}body{background:#fff}h1,h2,h3,h4,h5{color:#434343}a,p,li{color:#888}a{text-decoration:none}a:hover{color:#629AA9}p{line-height:1.6rem}section{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:0;padding-top:6rem}.wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1170px}.column{-ms-flex-direction:column;flex-direction:column}.h1Wrapper{border-left:5px solid #629AA9;padding-left:1rem;margin-bottom:2rem}.h1Wrapper h1,.h1Wrapper h4{margin:0;text-transform:uppercase}.h1Wrapper h1{color:#434343}.h1Wrapper h4{font-weight:400;color:#888;letter-spacing:0.1rem}.h3Wrapper{padding-left:1rem}.h3Wrapper h3,.h3Wrapper h4{margin:0;margin-top:0.5rem}.h3Wrapper h3{color:#fff}.h3Wrapper h4{font-weight:400;color:#D2DEE2}button,.emailMeButton,.linkButton{border:none;padding:0 2rem;color:#fff;background:#4C4C4C;cursor:pointer;transition:background 0.3s ease;vertical-align:middle;height:4rem;margin:0.25rem;text-transform:uppercase;border-radius:2px}.emailMeButton,.linkButton{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff}button:hover,button:active,.emailMeButton:hover,.emailMeButton:active,.linkButton:hover,.linkButton:active{color:#fff;background:#2F2F2F}.buttonHollow,.buttonSolid{border-radius:0;border:2px solid #fff}.buttonHollow{background:rgba(255,255,255,0)}.buttonHollow:hover,.buttonHollow:active{background:rgba(255,255,255,0.1)}.emailMeButton.buttonSolid{background:#fff;background:#fff;color:#4C4C4C}.emailMeButton.buttonSolid:hover,.emailMeButton.buttonSolid:active{background:rgba(255,255,255,0.8)}.badge{width:50px}header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;background:linear-gradient(0deg, rgba(89,105,92,0.5), rgba(79,95,82,0.1));padding:0 2rem}header:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url("../images/desk.jpg");background-size:cover;background-position:center center;z-index:-1}header,header *{color:#fff;text-transform:uppercase;min-height:100%}.headerWrapper{margin-bottom:0;-ms-flex-pack:center;justify-content:center;text-align:center}.headerWrapper h1{font-size:4rem;margin-top:0;letter-spacing:0.3rem;line-height:4rem}.headerWrapper h3{font-size:1.6rem;line-height:1.8rem;margin-bottom:0;letter-spacing:0.4rem;font-weight:100}.headerButtonsWrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:no-wrap;flex-wrap:no-wrap}#tabs h2{margin:1rem 0 0}.tabsList{float:left;list-style:none;margin:0;padding:0;padding-bottom:1rem}.tabsList li{position:relative;float:left;margin:0 2rem 0 0;z-index:1}.tabsList li a{position:relative;top:4px;overflow:hidden;color:#444;text-decoration:none;margin:0.5rem 0;cursor:pointer;font-size:1.2rem;border-bottom:2px solid #629AA9}.tabsList li a:link{border-color:#ccc}.tabsList li a:hover,.tabsList li a:focus,.tabsList li a:active{color:#629AA9}.tabsList li a:active{top:2px}.tabsList li.current a{top:2px;font-weight:bold;border-bottom:2px solid #629AA9;color:#333}.tabsList li.current a:focus{color:#333}.tabsList li.current a:focus{outline:1px dotted #444}.tabPanelWrapper{position:relative;display:block;visibility:visible;clear:left;overflow:hidden;padding:0 2rem;z-index:5;color:#333;height:20rem;width:500px;margin:0}.tabPanelInnerWrapper{width:2700px;left:0px;overflow:hidden;position:absolute;transition:all 0.6s ease-in-out}.tabPanel{position:relative;display:inline-block;visibility:visible;overflow:hidden;padding:0rem;width:500px;height:20rem}.tabContent{width:100%}.tabPanel:focus{outline:1px dotted #999}.tabPanel p:focus{outline:1px dotted #999}.tabContent{width:300px}.aboutMe{-ms-flex-wrap:wrap;flex-wrap:wrap;background:url("../images/green_cup.png") #ccc;padding:0}.whoIAm,.skills{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.whoIAm{position:relative}.whoIAm .content,.skills .content,.keyboard,.me{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:50%;height:650px;background:#fff;-ms-flex-pack:start;justify-content:flex-start}.keyboard{background:url("../images/keyboard.jpg");background-size:cover}.me{background:url("../images/me.jpg");background-size:cover}.secret{width:75px;height:75px;position:absolute;right:25%;top:45%;transform:translateX(50%)}.skills .content{background:#F6F6F6}.whoIAm .contentInner,.skills .contentInner{padding:8rem}.servicesWrapper{-ms-flex-align:start;align-items:flex-start}.servicesInner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}.service{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;padding:1.7rem;width:25%;height:250px;background:#F6F6F6;transition:all 0.2s ease-in-out;text-align:center;border-radius:4px;box-shadow:0px 0px 20px 0px rgba(175,175,175,0.4)}.service h4,.service i{transition:all 0.2s ease-in-out}.service i{font-size:2.5rem;margin-top:1rem}.service:hover{box-shadow:0px 0px 20px 0px rgba(100,100,100,0.4);background:#fff}.service:hover h4,.service:hover i{color:#629AA9}.service:not(:last-of-type){margin-right:2rem}.responsiveIconsWrapper{position:relative}.responsiveIconsWrapper .fa-tablet{font-size:3rem}.responsiveIconsWrapper .fa-mobile{background:#F6F6F6;line-height:2rem;padding:0 0.1rem;position:absolute;bottom:0.3rem;left:-0.6rem;border-radius:5px}.portfolio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;min-height:1170px}.portfolioTop{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:justify;justify-content:space-between;width:100%}.portfolioMiddle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-ms-flex-pack:justify;justify-content:space-between}.portfolioItem{width:calc(33.3% - 20px + (20px / 3));background:#ccc;margin-top:20px;margin-right:20px;height:440px;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;position:relative;transition:box-shadow 0.2s ease-in-out}.portfolioItem:first-of-type{width:calc((66.6% - 10px + (10px / 2)) - 1px)}.portfolioItem:nth-of-type(3n+2){margin-right:0}.portfolioItem a{display:inline-block;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 1rem}.portfolioItem a:first-of-type{margin-bottom:1rem}.portfolioItemInfo{background:#629AA9;padding:1.2rem;width:100%;transition:opacity 0.2s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.portfolioItemInfo .linkButton{margin:0;padding:0 2rem;height:2.5rem;color:#fff;background:#4E7B87}.portfolioItemInfo .linkButton i{font-size:1.8rem}.portfolioItemInfo .linkButton:hover{background:#558794}.portfolioItemInfo h3,.portfolioItemInfo h4{margin:0;color:#fff}.portfolioItemInfo h4{font-weight:100}.portfolioButtons{width:100px}.infoWrapper,.portfolioButtons{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.portfolioItemInfo .h3Wrapper h3{margin-top:0}.portfolioItem:hover,.portfolioItem:focus{box-shadow:0px 0px 20px 0px rgba(100,100,100,0.4)}.mercy{background:url("../images/mercy.jpg");background-size:cover;background-position:center top}.chilli{background:url("../images/chilli.jpg");background-size:cover;background-position:center top}.spaceRace{background:url("../images/space.jpg");background-size:cover;background-position:center center}.catchARide{background:url("../images/ride.jpg");background-size:cover;background-position:center top}.birdFinder{background:url("../images/petfinder.jpg");background-size:cover;background-position:left top}.colourSchemer{background:url("../images/schemer.jpg");background-size:cover;background-position:left top}.portfolioBottom{text-align:center}footer{margin:4rem 0;height:200px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}.socialMediaWrapper{margin-top:2rem;margin-bottom:1rem}.socialMediaWrapper ul{list-style:none;margin:0;padding:0}.socialMedia{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.socialMedia li{display:inline-block;font-size:1.5rem;margin:0 0.3rem;transition:all 0.1s ease-in-out}.socialMedia li:hover{transform:scale(1.3)}@media screen and (max-width: 1480px){.whoIAm .content,.skills .content{width:100%}}@media screen and (max-width: 1200px){section{padding-left:2rem;padding-right:2rem}.keyboard,.me,.secret{display:none}.whoIAm .contentInner,.skills .contentInner{padding:2rem}.contentInner{padding-right:0;width:100%}.portfolioMiddle{-ms-flex-pack:center;justify-content:center}.portfolioItem,.portfolioItem:first-of-type,.portfolioItem:nth-of-type(3n+2){width:100%;margin-right:0}.servicesInner{-ms-flex-wrap:wrap;flex-wrap:wrap}.service,.service:not(:last-of-type){width:calc(50% - 2rem);margin:0;margin-top:2rem}.service:nth-of-type(odd){margin-right:2rem}}@media screen and (max-width: 767px){.service,.service:not(:last-of-type),.service:nth-of-type(odd){width:calc(100% - 2rem);margin:0;margin-top:2rem}}@media screen and (max-width: 480px){.tabPanelWrapper{width:100%}}