body{font-size:24px;margin:0 auto;font-family:'Lobster Two', cursive;}
h1{font-family:'Pacifico', cursive;font-size:2.5em;}
h2{font-family:quicksand;font-size:1em;font-weight:bold;text-transform:uppercase;}
h3{font-family:quicksand;font-size:0.8em;font-weight:bold;text-transform:uppercase;}
h4{font-family:open sans;font-size:0.59em;letter-spacing:0.4em;margin:-18px 0 0;text-transform:uppercase;}
h5{text-align:center;font-size:1.5em;}
p{font-size:0.7em;line-height:1.8em;font-family:open sans;}
header{z-index:300;}
.margin-none{background-image:url("../images/services-bg.png");background-position:center center;background-repeat:no-repeat;height:75px;margin:0;}
.padding-none{padding:0;}
.container{width:100%;}
.wrapper{margin:0 auto;width:1100px;}
.transition{transition:0.2s all;-o-transition:0.2s all;-moz-transition:0.2s all;-webkit-transition:0.2s all;}
header{background-color:#343434;background-image:url("../images/nav-bg.png");position:fixed;top:0;width:100%;}
.logo{color:white;display:inline-block;font-family:'Pacifico',cursive;font-size:1.2em;vertical-align:middle;width:85%;}
.logo a{color:#fff;text-decoration:none;}
.social{display:inline-block;margin:0;padding:0;width:auto;}
.social li{display:inline-block;padding:0 5px 0 0;vertical-align:middle;}
.social a{color:white;font-size:1em;text-decoration:none;}
.social img{display:block;}
nav{display:inline-block;vertical-align:middle;}
.menu ul{margin:0;padding:0;}
.menu li{background-color:#424242;display:inline;margin:0;padding:2px 15px 7px;text-transform:uppercase;}
.menu li:hover{border-bottom:1px solid #1abc9c;}
.menu nav a{color:white;font-family:open sans;font-size:0.6em;text-decoration:none;}
.banner{background-image:url("../images/banner.png");background-position:center center;background-repeat:no-repeat;height:740px;position: relative;overflow: hidden;}
.service-bg{background-image:url("../images/services-bg.png");height:75px;}
.rotate-180{background-image:url("../images/services-bg.png");background-position:center center;background-repeat:no-repeat;height:75px;transform:rotate(180deg);}
#skills{padding:60px 0 0;}
.des-skills-img{background-image:url("../images/pencil.svg");background-repeat:no-repeat;background-size:370px auto;height:400px;position:absolute;width:400px;top:20px;}
.code-skills h2, .des-skills h2{margin:460px 0 40px 0;}
.code-skills-img{background-image:url("../images/laptop.svg");height:410px;background-repeat:no-repeat;position:absolute;width:600px;top:20px;}
.des-skills, .code-skills{display:inline-block;width:43%;text-align:center;position:relative;}
.code-skills{width:56%;}
.des-skills > img, .code-skills > img{height:400px;padding:30px 0;}
.heading{text-align:center;}
.heading > img{height:52px;}
.services{background-color:#6c6c6c;clear:both;color:white;padding:20px 0 70px;}
.services .skill-heading{background-position:center center;}
.web-services, .mobile-app, .branding, .illustrations{display:inline-block;margin:70px 0 0;}
.web-img, .mobile-img, .brand-img, .illus-img{float:left;margin:30px 30px 0 0;width:46%;}
.mobile-img{margin:30px 0 0 30px;}
.illus-img{margin:0px 0 0 30px;}
.web-img > img, .mobile-img > img{height:375px;}
.brand-img > img{height:335px;}
.web-content, .mobile-content, .brand-content, .illus-content{width:51%;float:left;}
.hire-btn{margin:-90px 0 0;text-align:center;}
.hire:hover{background-position:0 -200px;}
.hire{background-image:url("../images/hire.svg");background-position:0 -1px;background-repeat:no-repeat;background-color:transparent;border:none;cursor:pointer;display:inline-block;height:174px;width:180px;}
.hire-text .skill-heading{background-position:bottom center;}
.hire-text{margin:50px 0 0 0;}
.know-btn{border:2px solid;border-radius:3px;color:#fff;display:block;margin:20px 0 0;padding:3px 6px;text-align:center;text-decoration:none;width:20%;}
.know-btn:hover{background-color:#00bd9c;border-color:#00bd9c;}
.html5{background-color:#FF9566;position:fixed;top:110px;padding:42PX 20px;border-radius:100px;LEFT:629px;font-family:open sans;}
.banner:before {position: absolute;left: 50%;top: 0;width: 110%;height: calc(100% - 50px);background: #00bd9c;content: "";z-index: -1;border-radius: 0 0 100% 100%;transform: translateX(-50%);}