body,html{width:100%;height:100%;padding:0;margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-tap-highlight-color:transparent}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}@font-face{font-family:Montserrat;src:url(../fonts/montserrat-light-webfont.eot);src:url(../fonts/montserrat-light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/montserrat-light-webfont.woff2) format("woff2"),url(../fonts/montserrat-light-webfont.woff) format("woff"),url(../fonts/montserrat-light-webfont.ttf) format("truetype"),url(../fonts/montserrat-light-webfont.svg#league_spartanbold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(../fonts/montserrat-bold-webfont.eot);src:url(../fonts/montserrat-bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/montserrat-bold-webfont.woff2) format("woff2"),url(../fonts/montserrat-bold-webfont.woff) format("woff"),url(../fonts/montserrat-bold-webfont.ttf) format("truetype"),url(../fonts/montserrat-bold-webfont.svg#league_spartanbold) format("svg");font-weight:700;font-style:normal}body{font-family:Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;color:#000}h1{margin:0;font-size:92px;line-height:1;letter-spacing:30px;padding-left:30px}p{font-size:30px;line-height:1.4;letter-spacing:-1px}.btn{position:relative;padding:15px 60px 15px 65px;border:2px solid #000;font-size:24px;color:#000;text-decoration:none;letter-spacing:5px;-webkit-transition:color 1s ease;transition:color 1s ease;overflow:hidden}.btn,.btn:after{display:inline-block}.btn:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.btn:hover{color:#fff}.btn:hover:after{-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:500px){.btn{padding:15px 25px 15px 30px;border:1px solid #000;font-size:18px}}.backgroundContainer{position:fixed;z-index:-1;width:100%;height:100%}.bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.bg--dots{background-image:url(../images/dots.jpg);opacity:1}.bg--contact{background-image:url(../images/meeting.jpg);background-position:bottom}.bg--contact.visible{opacity:.25}@media (max-width:500px){.bg--dots{background:none}}#logo{width:350px;margin:50px 0 0}#logo:hover path{fill:url(#svg-gradient)}#logo:hover line{stroke:#b2b}.container{display:table;width:100%}.content{display:table-cell;vertical-align:middle;text-align:center}.welcome{max-width:1280px;margin:0 auto;padding:0 50px}.services-menu{display:none;list-style-type:none;margin:0 0 10px;padding:0}#design,#development,#strategy{display:inline-block;padding-bottom:10px;margin:0 2px;font-size:30px;font-weight:700}#strategy{background:-webkit-linear-gradient(top left,#2525ff,#bb00e3);background:linear-gradient(to bottom right,#2525ff,#bb00e3)}#design,#strategy{color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#design{background:-webkit-linear-gradient(top left,#bb00e3,#ff5a00);background:linear-gradient(to bottom right,#bb00e3,#ff5a00)}#development{background:-webkit-linear-gradient(top left,#ff5a00,#ffb449);background:linear-gradient(to bottom right,#ff5a00,#ffb449);color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mail{padding:20px 0 0 5px;letter-spacing:5px}@media (max-width:500px){p{font-size:18px;letter-spacing:0}#logo{width:200px;margin:50px 0 10px}.welcome{padding:0 30px}.services-menu{display:none}}@media (min-width:1280px){.container{height:100%}.welcome{margin:0 auto 200px}}