html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white;font-family:'Open Sans',sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.btn{display:block;width:170px;text-align:center;border-radius:3px;font-weight:600;border:2px solid #95a5a6;color:#777;padding:12px 0;font-size:12px;text-transform:uppercase;letter-spacing:1px}.btn:hover{background:#95a5a6;color:#fff}img{width:100%;height:auto}ol,ul{list-style:none}a{text-decoration:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:0}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-delay:1s;animation-delay:1s}#loading{background:#333;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999!important}.spinner{width:40px;height:40px;position:fixed;top:48%;left:50%;margin-top:-20px;margin-left:-20px;background-color:#1abc9c;border-radius:100%;-webkit-animation:scaleout 1.0s infinite ease-in-out;animation:scaleout 1.0s infinite ease-in-out}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0.0)}100%{-webkit-transform:scale(1.0);opacity:0}}@keyframes scaleout{0%{transform:scale(0.0);-webkit-transform:scale(0.0)}100%{transform:scale(1.0);-webkit-transform:scale(1.0);opacity:0}}header{background:#333;height:55px;position:fixed;top:0;left:0;right:0;z-index:99}header a{color:#fff;display:block}#logo{width:180px;height:70px;float:left;text-align:right;margin-top:7px;line-height:40px;background:url(../img/logo_v1.svg) no-repeat;background-size:40px;font-family:'Univers-Light',sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:15px}#desktop ul{float:right}#desktop ul li{float:left;margin:0 5px}#desktop li a{padding-left:15px;height:80px;line-height:82px;font-size:.75em;font-weight:400;text-transform:uppercase;letter-spacing:2px;color:#aaa}#desktop li a:hover,#desktop .active,#menu .active{color:#fff}#menu{position:fixed;top:0;bottom:0;width:13.755em;right:-13.755em;height:100%;-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition:.15s ease;-moz-transition:.15s ease;-o-transition:.15s ease;transition:.15s ease;background:#191918}#menu.active{-webkit-transform:translate(-13.755em,0px);-moz-transform:translate(-13.755em,0px);-o-transform:translate(-13.755em,0px);-ms-transform:translate(-13.755em,0px);transform:translate(-13.755em,0px)}.container{-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition:.15s ease;-moz-transition:.15s ease;-o-transition:.15s ease;transition:.15s ease}.container.active{-webkit-transform:translate(-13.725em,0px);-moz-transform:translate(-13.725em,0px);-o-transform:translate(-13.725em,0px);-ms-transform:translate(-13.725em,0px);transform:translate(-13.725em,0px)}.menu-link{position:absolute;top:0;left:-50px;height:55px;width:55px;padding:15px}#menu li a{padding:20px 20px 10px 20px;color:#757575;font-size:1em}#menu li a:hover{color:#fff}#menu img{width:19px;margin-top:2px}#menu .close{opacity:.45}#menu .close:hover{opacity:1}#menu .close img{width:20px}#hero{background:url(../img/panorama.jpg) no-repeat;background-size:cover;height:360px;margin-top:55px;color:#fff;text-transform:uppercase;text-align:center;padding-top:125px}#hero h2{font-family:'Ostrich-Bold',sans-serif;font-size:48px;line-height:55px;letter-spacing:7px}#hero h3{font-family:'Univers-Light';font-size:16px;letter-spacing:9px;margin-left:-4px;line-height:0}#featured{padding:100px 0}#featured h2{font-family:'Brandon Grotesque';text-transform:uppercase;letter-spacing:1px;font-size:20px;color:#555;width:90%;border:5px solid #555;text-align:center;padding:15px 0;margin:0 auto 30px auto}#featured li{padding:80px 0;height:600px;overflow:hidden;position:relative}#featured li:nth-child(1):before{background:url(../img/snn_screen.jpg) no-repeat;background-size:320px;background-position:right bottom;content:' ';position:absolute;bottom:0;z-index:0;width:100%;height:100%}#featured li:nth-child(2){background-color:#fafafa}#featured li:nth-child(2):before{background:url(../img/WP_side.png) no-repeat;background-position:right bottom;background-size:320px;content:' ';position:absolute;bottom:0;z-index:0;width:100%;height:100%}#featured li:nth-child(3){background-color:#bdc3c7}#featured li:nth-child(3):before{background:url(../img/scooteralley_screen.png) no-repeat;background-size:320px;background-position:right bottom;content:' ';position:absolute;bottom:0;z-index:0;width:100%;height:100%}#featured li:nth-child(3) .btn{background:#ecf0f1;border-color:#ecf0f1}#featured li:nth-child(3) .btn:hover{color:#777;background:#fff;border-color:#fff}#featured h3{font-family:'Brandon Grotesque';text-transform:uppercase;letter-spacing:2px;margin:0 0 10px 0;font-size:1.3em;line-height:1.25em;color:#333}#featured p{margin-bottom:45px;font-size:1em;line-height:1.7em;color:#757575}#sort{padding:30px 0}#filtering{margin-bottom:150px;width:100%}#filtering a{float:left;margin-bottom:15px;border:2px solid #ccc;border-radius:1px;color:#777;padding:12px 0;font-size:.938em;text-transform:none;letter-spacing:0}#filtering a:hover,#filtering a.active{border-color:#5d5d5d;background:#5d5d5d!important;color:#fff}#filtering .all{width:100%}#filtering .sub{width:46%;margin:0 2% 15px 2%}#Container .mix{display:none}#sort h2{font-family:'Brandon Grotesque';text-align:center;text-transform:uppercase;letter-spacing:2px;color:#686a6b;font-size:1.5em}#sort p{font-size:1.25em;text-align:center;margin:12px 0 45px 0;font-family:'Sorts Mill Goudy';font-style:italic;color:#7f8c8d}#projects{padding:0;background:#eee}#projects #Container{clear:both;padding-top:45px}#projects li{margin:0 0 5px 0!important;padding:10px!important}#projects li span{display:block;background:#fff}#projects h3{padding:30px 15px;border-bottom:1px solid #eee;font-weight:100;font-size:1.125em}#projects h3 a{color:#000}#projects h3 a:hover{text-decoration:underline}#projects h4{padding:20px 15px;text-transform:uppercase;font-size:0.65rem;letter-spacing:1px;color:#757575;}#projects .active.btn{background:#95a5a6;color:#fff}#projects h5{clear:both;padding-top:100px;text-align:center;font-family:'Sorts Mill Goudy';font-style:italic;font-size:1.25em;line-height:1.35em;color:#333}#projects h5+.btn{margin:30px auto 45px auto;background:#1abc9c;border-color:#1abc9c;color:#fff}#projects h5+.btn:hover{background:#16a085;border-color:#16a085;color:#fff}#projects figure{position:relative;overflow:hidden;margin:0}#projects figcaption{display:block;position:absolute;z-index:20;background:rgba(0,0,0,0.7);overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}#projects a.close-overlay{display:block;position:absolute;top:0;right:0;z-index:100;width:45px;height:45px;font-size:20px;background:0;font-weight:700;color:#fff;line-height:45px;text-align:center;opacity:.5}#projects a.close-overlay:hover,#projects a.close-overlay:active{opacity:1}#projects a.close-overlay.hidden{display:none}a.expand{display:block;position:absolute;z-index:100;width:60px;height:60px;border:solid 5px #fff;text-align:center;color:#fff;line-height:50px;font-weight:700;font-size:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px}.close-overlay img{width:24px;margin-top:7px}#projects figcaption{top:0;bottom:0;left:0;right:0;opacity:0}#projects figcaption a.expand{left:0;right:0;top:0;margin:0 auto;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}#projects figure.hover figcaption{opacity:1}#projects figure.hover figcaption a.expand{top:50%;margin-top:-30px;opacity:1}#projects figure.hover figcaption a:hover{color:#1abc9c;border-color:#1abc9c}footer{background:#333;clear:both;padding:55px 0 70px 0;text-align:center;color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:2px}@font-face{font-family:'Ostrich-Bold';src:url('../fonts/ostrich-bold.eot');src:url('../fonts/ostrich-bold.eot?#iefix') format('embedded-opentype'),url('../fonts/ostrich-bold.woff') format('woff'),url('../fonts/ostrich-bold.ttf') format('truetype'),url('../fonts/ostrich-bold.svg#ostrich-bold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Univers-Light';src:url('../fonts/univers-light-cn-webfont.eot');src:url('../fonts/univers-light-cn-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/univers-light-cn-webfont.woff') format('woff'),url('../fonts/univers-light-cn-webfont.ttf') format('truetype'),url('../fonts/univers-light-cn-webfont.svg#univers-light-cn') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Brandon Grotesque';src:url('../fonts/BrandonGrotesque-Black.eot');src:url('../fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/BrandonGrotesque-Black.woff') format('woff'),url('../fonts/BrandonGrotesque-Black.ttf') format('truetype'),url('../fonts/BrandonGrotesque-Black.svg#BrandonGrotesque') format('svg');font-weight:normal;font-style:normal}@media only screen and (min-width:40.063em){header{position:fixed;height:85px}#logo{width:220px;height:70px;float:left;text-align:right;margin-top:9px;line-height:65px;background:url(../img/logo_v1.svg) no-repeat;background-size:65px;font-family:'Univers-Light',sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:1.0625rem}#hero{margin-top:85px;height:720px;padding-top:215px}#hero h2{font-size:105px;line-height:115px}#hero h3{font-size:32px;letter-spacing:22px;margin-left:20px}.menu-link{margin-top:15px;left:-60px}#featured h2{width:360px}#featured li{height:720px}#featured h3{margin-top:45px;font-size:1.6em}#featured li:nth-child(1):before,#featured li:nth-child(2):before,#featured li:nth-child(3):before{background-size:600px}#filtering{width:475px;margin:0 auto 100px auto}#filtering a{float:left;margin-right:15px;width:140px!important}#projects{padding-bottom:45px}#projects h5{padding-top:145px}#projects li{margin-bottom:1.875em;padding-left:.9375em;padding-right:.9375em}}@media only screen and (min-width:64.063em){#featured li{height:610px}#featured li:nth-child(1):before,#featured li:nth-child(3):before{background-size:800px;background-position:right}#featured li:nth-child(2):before{background-size:auto;background-position:right}#featured h2{margin:0 auto 100px auto}#featured h3{margin-top:100px}}
footer .columns {display: flex; align-items: center; justify-content: center;}
footer ul {display: flex; align-items: center; margin-left: 0.5rem;}
footer li {margin-right: 0.75rem;margin-top: 2px;}
.svg-icon { width: 1.375em; height: 1.375em; }
.svg-icon path, .svg-icon polygon, .svg-icon rect { fill: rgba(255,255,255,0.75); }
.svg-icon circle { stroke: rgba(255,255,255,0.75); stroke-width: 1; }