.about,.item .caption,.item .caption h2,.item .caption h3,.stamp{position:absolute}.stamp,header{line-height:80px}.diciplines,.names,.stamp,footer div,header,nav a{font-family:Lato}.about h2,.item .caption h2,.stamp,.work .discipline,.work .title,header,nav a{text-transform:uppercase}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{padding:0;margin:0}.container{transition:all 500ms linear}.item{width:240px;height:240px;margin:8px;float:left;background:url(/images/work/Phont/Phont_01.jpg)center;background-size:cover}.item.width2{width:496px}.item.height2{height:496px}.stamp{width:calc(512px - 8px);height:calc(512px - 35px);font-size:60px;color:#515151;padding-top:35px;margin-left:8px}headroom,navbar{position:fixed;top:0;left:0;width:100%;height:56px;background-color:rgba(0,0,0,.6);padding:0;display:block;vertical-align:top;line-height:30px;color:#515151;z-index:100}.headroom--pinned{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform 500ms linear;transition:transform 500ms linear}.headroom--unpinned{-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:-webkit-transform 650ms cubic-bezier(.95,.05,.795,.035);transition:transform 650ms cubic-bezier(.95,.05,.795,.035)}nav{float:right}nav a{margin-right:35px;color:#FFF;font-size:18px;text-decoration:none;padding:13px 25px;display:block;float:left}nav a.active{padding:13px 25px 10px;border-bottom:3px solid #fff}nav a:last-child{margin-right:3px}.isotope:after{content:'';display:block;clear:both}header{width:100%;height:512px;font-size:60px;color:#fff;background-size:cover;background-position:center;margin-bottom:8px}header .container{padding-top:95px}.hide{opacity:0}.names{font-size:40px;font-weight:400;color:#FFF;letter-spacing:.3px;line-height:48px;float:left;width:240px;text-align:right;padding:0 8px;border-right:2px #FFF solid}.diciplines{font-weight:700;font-size:24px;color:#FFF;line-height:32px;width:300px;float:left;padding:5px 8px 8px 14px;letter-spacing:1px}.work .description,.work .details{font-size:16px;color:#5C5C5C;line-height:19px}.diciplines,.names{margin-top:20px}footer{width:100%;height:256px;margin-top:8px;background-color:#1c1c1c;color:#FFF}footer div{color:#FFF;padding-top:35px}.item .caption h2,.item .caption h3{font-family:Lato,"Helvetica Neue"!important}.item .caption h2{font-weight:400;font-size:40px;font-style:normal;top:5px;padding-left:20px;text-align:left;width:calc(100% - 30px);word-break:break-all}.item .caption h3{margin-top:18px;font-weight:600;font-size:12px;font-style:normal;top:2px;left:20px;text-align:left;width:100%}.about h2,.work .description,.work .details,.work .discipline,.work .title{font-family:Lato}.item .caption{opacity:0;top:0;left:0;background:rgba(255,255,255,.75);width:100%;height:100%;color:#000!important;z-index:10;transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out}.item .caption:hover{opacity:1}.work{margin:auto;width:768px;padding-top:10px;display:inline-block}.work div{padding:8px}.work .discipline{font-size:16px;color:#8b8b8b;float:left;width:240px;text-align:right;padding-top:52px}.work .title{font-size:60px;color:#000;float:left;width:496px}.work .title:after{clear:both}.work .details{float:left;width:240px;text-align:right}.work .details p{margin:0 0 16px}.work .description{float:left;width:493px;border-left:1px solid #000;padding-left:10px;min-height:200px}.about{top:180px;width:100%}.about h2{font-size:40px;font-weight:400;color:#FFF;letter-spacing:.3px;line-height:48px;width:100%;text-align:center;margin:0}.content{padding:8px 0}@media screen and (min-width:532px){.container{width:512px;margin:auto}}@media screen and (min-width:788px){.container{width:768px;margin:auto}}@media screen and (min-width:1044px){.container{width:1024px;margin:auto}}@media screen and (min-width:1556px){.container{width:1536px;margin:auto}.item{width:496px;height:496px}.item.width2{width:1008px}.item.height2{height:1008px}.names{padding-left:256px}}