@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,400);body{background:#fff;font-family:'Open Sans',sans-serif;-webkit-font-smoothing:antialiased;color:#000;margin:0;padding:0}ul{list-style:none;margin:0;padding:0}.alt-text{text-indent:100%;white-space:nowrap;overflow:hidden}.clearfix:after{content:"";display:table;clear:both}.wrapper{max-width:1200px;margin:0 auto}.header{width:115px;margin:50px auto 40px}.header .logo{background:url(../images/header/logo.png) no-repeat;width:115px;height:115px}.header .navigation{margin:39px 0 0 7px;font-size:15px}.header .navigation li{display:inline-block}.header .navigation li a{text-decoration:none;color:#000;font-weight:300;width:50px;text-align:center;display:block}.footer{width:114px;margin:90px auto 80px}.footer li{display:inline-block;margin:0 5px;width:23px}.footer a{display:block}.footer .social{margin:0 0 90px 2px}.footer .social .twitter{background:url(../images/footer/twitter.png) no-repeat;width:23px;height:18px}.footer .social .vimeo{background:url(../images/footer/vimeo.png) no-repeat;width:21px;height:18px;margin:0 auto}.footer .social .instagram{background:url(../images/footer/instagram.png) no-repeat;width:21px;height:18px;margin:0 auto}.footer .copyright{font-size:14px;font-weight:300}@media screen and (max-width:1000px){.header .logo{background-size:100px 100px;width:100px;height:100px;margin:0 auto}.header .navigation{margin:29px 0 0 7px}}@media screen and (max-width:640px){.header .logo{background-size:70px 70px;width:70px;height:70px;margin:0 auto}.header .navigation{margin:20px 0 0 7px}}.content .projects li{float:left;opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;width:33%}.content .projects li img{display:inline-block;width:100%;max-width:100%;height:auto;vertical-align:bottom}.content .projects li a{margin:5px;display:block}.content .projects li:hover{opacity:.6}.content .projects li:nth-child(3n+2),.content .projects li:nth-child(3n+3){width:33%}.content .projects li:nth-child(6n+1),.content .projects li:nth-child(6n+6){width:66.66666666666666%}.content .projects li:nth-child(6n+4),.content .projects li:nth-child(6n+5){clear:left}.content .projects li:nth-child(6n+6){margin-top:-18.75%}@media screen and (max-width:1000px){.content .projects li{width:100%}.content .projects li:nth-child(3n+2),.content .projects li:nth-child(3n+3){width:50%}.content .projects li:nth-child(6n+1),.content .projects li:nth-child(6n+4){width:100%}.content .projects li:nth-child(6n+5),.content .projects li:nth-child(6n+6){width:50%;clear:none}.content .projects li:nth-child(6n+6){margin-top:0}}@media screen and (max-width:640px){.content .projects li:nth-child(3n+2),.content .projects li:nth-child(3n+3),.content .projects li:nth-child(6n+1),.content .projects li:nth-child(6n+6){width:100%}.content .projects li:nth-child(6n+4),.content .projects li:nth-child(6n+5){width:100%;clear:none}.content .projects li:nth-child(6n+6){margin-top:0}}#info .about,#info .clients,#info .contact{font-weight:300;padding:0 60px;margin:0;display:inline-block;float:left;width:33%;box-sizing:border-box}#info .about h2,#info .clients h2,#info .contact h2{font-size:19px;margin:0;padding:0;font-weight:300}#info .about p,#info .clients p,#info .contact p{font-size:14px}#info .contact a{color:#000;text-decoration:none}#info .contact li{margin:0 0 5px}#info .contact .email{margin:30px 0}#info .contact .twitter{background:url(../images/footer/twitter.png) no-repeat;display:block;padding:0 0 0 30px}#info .contact .vimeo{background:url(../images/footer/vimeo.png) no-repeat;display:block;padding:0 0 0 30px}#info .contact .instagram{background:url(../images/footer/instagram.png) no-repeat;display:block;padding:0 0 0 30px}@media screen and (max-width:1000px){#info .about,#info .clients,#info .contact{display:block;width:100%}#info .contact .contact-social li{display:inline-block;margin:0 20px 0 0}}#project .video{position:relative;margin:5px}#project .video .ratio{display:block;width:100%;height:auto}#project .video iframe{position:absolute;top:0;left:0;width:100%;height:100%}#project .screenshots{margin:5px 0}#project .screenshots .thumb{margin:5px}#project .screenshots li{width:16.6666666667%;display:inline-block}#project .screenshots li img{width:100%;height:auto}#project .project-credits,#project .project-description{float:left;width:32%;margin:5px;vertical-align:top}#project .project-credits h2,#project .project-description h2{font-size:14px;margin:0;padding:0;font-weight:400}#project .project-credits p,#project .project-description p{font-size:14px;font-weight:300}#project .project-credits{line-height:30px}#project .project-credits p{margin:0}#project .social{float:right;width:32%;margin:5px 0;vertical-align:top;text-align:right}#project .social li{display:inline-block;margin:0 5px;width:23px}#project .social a{display:block}#project .social .twitter{background:url(../images/footer/twitter.png) no-repeat;width:23px;height:18px}#project .social .vimeo{background:url(../images/footer/vimeo.png) no-repeat;width:21px;height:18px;margin:0 auto}#project .social .instagram{background:url(../images/footer/instagram.png) no-repeat;width:21px;height:18px;margin:0 auto}@media screen and (max-width:640px){#project .info{position:relative;width:100%}#project .project-credits,#project .project-description,#project .social{float:none}#project .social{position:absolute;top:0;right:5px;width:110px}#project .project-credits{width:100%;line-height:18px}#project .project-credits p{margin:10px 0}}