html,body{color:#777;width:100%;height:100%;margin:0;font-family:Roboto,sans-serif;font-size:16px}*{box-sizing:border-box}@keyframes typewriter-cursor{0%{opacity:1}50%{opacity:0}}@keyframes chevron{0%{transform:translateY(0)}20%{transform:translateY(15px)}40%{transform:translateY(0)}to{transform:translateY(0)}}h1,h2,h3{font-family:Raleway,sans-serif}h1,h2{color:#666}h3{color:#777}p{line-height:26px}section h2{text-align:center;font-size:36px;display:block}#landing-block{background:url(/img/landing-bg.jpg) bottom/cover no-repeat;height:100%}#landing-block img#icon{opacity:0;width:80px;margin-left:-40px;transition:all .5s ease-out;display:block;position:relative;top:15%;left:50%;transform:translateY(-100px)}#landing-block h1{color:#fff;text-align:center;width:100%;font-size:85px;display:block;position:absolute;top:35%}#landing-block h1 #typewriter-cursor{color:#ccc;font-size:100px;animation:1s infinite typewriter-cursor}#landing-block button{color:#fdcd3b;cursor:pointer;background-color:#0000;border:3px solid #fdcd3b;border-radius:5px;width:402px;padding:10px 30px;font-size:24px;position:absolute;top:70%;left:50%;transform:translate(-50%)}#landing-block button:hover{color:#fff;background-color:#fdcd3b}#landing-block button.btn-secondary{color:#fff;opacity:.5;border:3px solid #fff;top:calc(70% + 64px)}#landing-block button.btn-secondary:hover,#landing-block button.btn-secondary:active,#landing-block button.btn-secondary:visited,#landing-block button.btn-secondary:focus{outline:none}#landing-block button.btn-secondary:hover{opacity:1;background-color:#0000}#landing-block #learn-more-text,#landing-block i#learn-more-chevron{color:#fff;text-align:center;width:100%;font-size:26px;display:block;position:absolute;bottom:75px}#landing-block i#learn-more-chevron{font-family:FontAwesome;animation:3s 3s infinite chevron;bottom:40px}section#about-me img.avatar{border-radius:300px;width:300px;margin:120px auto 0;display:block}section#about-me #stack-icons{text-align:center;margin-top:20px}section#about-me #stack-icons svg{vertical-align:middle;height:60px;display:inline-block}section#about-me #stack-icons svg:not(:last-child){margin-right:10px}section#focusses i,section#my-services i{color:#fdcd3b;text-align:center;font-size:80px;display:block}section#focusses h3,section#my-services h3{text-align:center;font-size:20px;display:block}section#focusses p,section#my-services p{text-align:justify}section#portfolio span#more-work{text-align:center;margin-top:-20px;margin-bottom:20px;padding:0 15px;display:block}section#portfolio .placeholder{background-image:url(/img/portfolio/placeholder.png);background-repeat:no-repeat;background-size:100%;width:450px;height:281px;margin:0 auto;position:relative}section#portfolio .placeholder img{border-radius:2px;width:350px;height:222px;position:absolute;top:23px;left:50px}section#portfolio .title{text-align:center;margin-top:10px;font-family:Raleway,sans-serif;font-size:22px;font-weight:700;display:block}section#portfolio p{text-align:justify}section#portfolio a,section#portfolio a:visited{color:#aaa}section#contact .sm-icons{text-align:center}section#contact .sm-icons a{text-decoration:none}section#contact .sm-icons a:not(:last-child) svg{margin-right:10px}section#contact .sm-icons a:hover.fb path{fill:#3b5998}section#contact .sm-icons a:hover.twitter path{fill:#1da1f2}section#contact .sm-icons a:hover.linkedin path{fill:#12a5f4}section#contact .sm-icons svg{width:50px;display:inline-block}section#contact .sm-icons svg path{fill:#ccc}section#contact #bgstrip{cursor:pointer;transform:translateY(3px)}section#contact input,section#contact textarea{border:1px solid #ccc;border-radius:5px;width:100%;height:50px;margin-bottom:15px;padding:0 20px;font-size:16px}section#contact textarea{height:120px;padding:20px}section#contact label{margin-top:10px;margin-bottom:5px;display:block}section#contact #captcha-wrapper{float:left;width:300px}section#contact button{color:#fdcd3b;font-size:24px;font-size:bold;float:right;cursor:pointer;background-color:#0000;border:3px solid #fdcd3b;border-radius:5px;padding:10px 30px}section#contact button:hover{color:#fff;background-color:#fdcd3b}section .content{width:1100px;margin:0 auto;padding:50px 0;position:relative}section .content.padding{padding:50px 15px}section .content.extra-wide{width:1600px}section .content.extra-small{width:800px}section .content.top-divide{border-top:2px solid #fdcd3b}.bit-2{float:left;width:50%;padding:15px;display:block}.bit-3{float:left;width:33.33%;padding:15px;display:block}.clearfix{clear:both}.action-on-scroll{opacity:0;transition:transform .8s ease-out,opacity .8s ease-out}.action-on-scroll.slide-down{transform:translateY(-50px)}.action-on-scroll.slide-right{transform:translate(-50px)}a.tel{color:#777}@media (width<=1610px){section#landing-block h1{font-size:70px;line-height:80px}section#landing-block h1 #typewriter-cursor{font-size:85px}section .content.extra-wide{width:100%}}@media (width<=1500px){section#portfolio .placeholder{width:100%}}@media (width<=1400px){section#landing-block h1{font-size:50px;line-height:60px}section#landing-block h1 #typewriter-cursor{font-size:65px}}@media (width<=1110px){#stack-icons svg{height:25px!important}section .content{width:100%}}@media (width<=950px){section#landing-block img#icon{width:60px;margin-left:-25px}section#landing-block h1{font-size:40px;line-height:50px}section#landing-block h1 #typewriter-cursor{font-size:55px}}@media (width<=810px){section .content.extra-small,section#about-me .bit-2{width:100%}section#about-me .bit-2 img{width:100px;margin-top:0}.bit-3{width:100%}}@media (width<=700px){section#landing-block h1{font-size:30px;line-height:40px}section#landing-block h1 #typewriter-cursor{font-size:45px}section#landing-block #learn-more-text,section#landing-block i#learn-more-chevron{font-size:18px;bottom:50px}section#landing-block i#learn-more-chevron{bottom:15px}section#contact #captcha-wrapper{width:100%}section#contact button{width:100%;margin-top:15px}}@media (width<=550px){section#landing-block h1{font-size:20px;line-height:30px}section#landing-block h1 #typewriter-cursor{font-size:30px}section#landing-block button{width:320px;font-size:18px;top:65%}section#landing-block button.btn-secondary{top:calc(65% + 54px)}}@media (width<=350px){section#landing-block h1{font-size:17px;line-height:27px}section#landing-block h1 #typewriter-cursor{font-size:27px}section#landing-block button{width:300px;font-size:16px}}