@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');body{font-family:'Roboto',sans-serif;color:#444}#content{position:relative;background:white;margin:0 auto}#header{position:fixed;width:100%;z-index:1000;border-bottom:1px solid #ccc;background:white;padding:15px 0;box-shadow:0 5px 5px rgba(0,0,0,0.1)}#header h1.brand{margin:0}#header h2{margin:12px 0 8px;font-size:1.2em}.project-description{padding:30px;font-size:16px}.project-description p{line-height:1.8em}.project-description .link{margin-top:25px}.project-description .link a{margin-right:15px;margin-bottom:15px}.project-description h2{font-family:'Quicksand',sans-serif;font-weight:500}.row.no-gap{margin:0}.row.no-gap>div[class^="col-"]{margin-bottom:0;padding:0}.row-tiles{position:relative}.row-tiles>div[class^="col-"]{margin-bottom:30px}.row-tiles .grow{transition:all 200ms}.row-tiles .grow:hover{width:100%}.brand{font-family:'Quicksand',sans-serif;font-weight:700}.tile{box-shadow:0 0 40px rgba(0,0,0,0.4);margin-bottom:40px;position:relative;border-radius:7px;overflow:hidden}.tile a{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);opacity:0;-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms}.tile a i{line-height:0;height:40px;width:40px;background:black;color:white;padding-top:20px;text-align:center;position:absolute;top:50%;margin-top:-20px;left:50%;margin-left:-20px;-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms}.tile a i:hover{color:black;background:white}.tile a:hover{opacity:1}.tile .title{position:absolute;top:0;bottom:0;left:0;right:0;padding:0;margin:0;background:-webkit-linear-gradient(rgba(0,0,0,0.8) 0, rgba(0,0,0,0) 50%);background:-o-linear-gradient(rgba(0,0,0,0.8) 0, rgba(0,0,0,0) 50%);background:linear-gradient(rgba(0,0,0,0.8) 0, rgba(0,0,0,0) 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);opacity:0;-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms;color:white;padding-top:20px;padding-left:20px;padding-right:20px;font-family:'Quicksand',sans-serif;border-radius:7px}.tile .title h2{font-size:2em}.tile .title:hover{opacity:1}.img-responsive{width:100%}.btn{border-radius:100px}.btn.btn-black{border:2px solid black;background:none;color:black;font-size:1.2em;font-weight:bold;-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms}.btn.btn-black:hover{background:black;color:white}.btn.btn-white{border:2px solid white;background:none;color:white;font-size:1.2em;font-weight:bold;-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms}.btn.btn-white:hover{background:white;color:black}.item{padding:60px 0}.bg-black{background:black;color:#ccc}.bg-white{background:white}.bg-grey{background:#eee}.bg-philips{background-color:#0b5ed8;color:white}h2.item-title{padding:60px 0 60px;font-family:'Quicksand',sans-serif}.intro{border-bottom:1px solid #ccc;background:#f4f4f4}.intro .spacer-lg{height:40px}.intro .spacer-md{height:80px}.intro .spacer-sm{height:80px}.intro .spacer-xs{height:140px}.intro h2{margin-bottom:1em;line-height:1.4em}.intro h3{margin-top:2em;line-height:1.4em;margin-bottom:1em}.intro p{line-height:1.6em;font-size:1.4em}.intro .muted{opacity:.6}.intro b{font-weight:700}footer{background:#111;padding:30px;color:white}