@import url(https://fonts.googleapis.com/css?family=Pacifico);@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700);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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:BrandonText-Bold;src:url(../fonts/BrandonText-Bold.otf);font-weight:bold}@font-face{font-family:BrandonText-Regular;src:url(../fonts/BrandonText-Regular.otf);font-weight:normal}html{font-size:62.5%}body{background:#fff;font-family:"BrandonText-Regular";font-size:1.6em;line-height:2.126em;padding:0;margin:0;font-weight:normal;overflow-x:hidden;transition:right .2s ease}h1,h2,h3,h4,h5,h6{font-family:BrandonText-Bold}p,br,span,ul,li,strong{font-family:BrandonText-Regular}h1{font-size:4rem;letter-spacing:-0.1rem;line-height:1.063em}h2{font-size:3rem;letter-spacing:-0.1rem;line-height:1.063em}p{font-size:1.8rem;letter-spacing:0;line-height:2.126em}ul{padding-left:25px}li{list-style-type:square;list-style-position:inside;font-size:1.8rem;letter-spacing:0;line-height:2.126em}a{color:#00CEFF;text-decoration:none}a:hover{color:#00b9e6}.closed{overflow-x:hidden;position:relative;right:0}.open{right:50%}*{box-sizing:border-box}* .clearfix{content:"";display:table;height:0;clear:both}hr{height:1px;display:block;background:#eee;margin:25px 0px;border:none}.site-header{background:#fff;box-sizing:border-box;padding:15px 0px;position:relative;width:100%;z-index:2}.site-header .site-nav{display:block;transition:.2s ease}.site-header .site-nav .site-title{text-decoration:none;color:#000;font-size:1.6rem;padding:5px 10px;float:left}.site-header .site-nav .navigation a{text-decoration:none;color:#000;margin-left:35px;font-size:16px;padding:5px 10px;display:inline-block;float:right}.site-header .site-nav .navigation a:last-child{margin-left:0}.site-header .site-nav .navigation a:hover{color:#999}@media(max-width: 575px){.site-header .site-nav .navigation{display:none}}.site-header .trigger{margin-right:35px;float:right;position:relative;height:44px;width:30px;display:none;cursor:pointer}.site-header .trigger span{background:#000;height:2px;width:30px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.site-header .trigger span::before{content:"";position:absolute;top:10px;background:#000;height:100%;width:100%}.site-header .trigger span::after{content:"";position:absolute;top:-10px;background:#000;height:100%;width:100%}@media(max-width: 575px){.site-header .trigger{display:block}}.site-header .sidebar{background-color:#fff;position:fixed;top:0;right:-50%;width:50%;height:100vh;padding:25px;transition:right .2s ease;text-align:center}.site-header .sidebar a{text-decoration:none;color:#000;display:block;margin-bottom:20px;font-size:16px}.site-header .sidebar a:last-of-type{margin-bottom:0}.site-header .menu-open{right:0}.jumbo{background-color:#fff;background-position:50% 50%;background-image:url(../img/jumbo4.jpg);background-size:cover;position:relative;display:flex;align-items:center;margin-bottom:5%;height:calc(75vh - 74px)}.jumbo .overlay{position:absolute;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.4)}.jumbo section{max-width:700px;width:100%;padding:18px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.jumbo section h1{margin-bottom:1rem;color:#fff;font-size:6rem}@media(max-width: 700px){.jumbo section h1{font-size:5rem}}.jumbo section h1 img{max-width:100%;height:64px}.jumbo section p{color:#fff;text-transform:capitalize}@media(max-width: 450px){.jumbo section p{display:none}}.jumbo .geomicon{height:40px;width:40px;position:absolute;top:75%;left:50%;transform:translate(-75%, -50%);cursor:pointer}.jumbo .geomicon path{fill:#fff}.wrapper{margin:0 auto;max-width:1800px;padding:0px 18px}.wrapper .work-info{text-align:center;padding:50px 0px}.wrapper .work-info h2{margin-bottom:1rem}.wrapper .grid{width:100%}.wrapper .grid:after{content:"";display:table;clear:both}.wrapper .thumbnail-content{width:100%;float:left;position:relative}.wrapper .thumbnail-content .sma-bilder{width:calc(25% - 20px);margin:10px;min-height:300px;float:left;background-size:cover;background-position:50% 50%;position:relative;cursor:pointer;overflow:hidden;-webkit-filter:grayscale(1);transition:.3s ease-in-out;opacity:0;transform:translateY(20px)}.wrapper .thumbnail-content .sma-bilder.is-showing{opacity:1;transform:translateY(0px)}.wrapper .thumbnail-content .sma-bilder:hover{-webkit-filter:grayscale(0);padding:20px}@media(max-width: 1400px){.wrapper .thumbnail-content .sma-bilder{width:calc(33.333% - 20px);min-height:300px}}@media(max-width: 1024px){.wrapper .thumbnail-content .sma-bilder{width:calc(50% - 20px)}}@media(max-width: 767px){.wrapper .thumbnail-content .sma-bilder{width:100%;margin:0px 0px 20px 0px}.wrapper .thumbnail-content .sma-bilder:last-of-type{margin-bottom:0}}.wrapper .thumbnail-content .sma-bilder .thumb-overlay{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:#fff;overflow:hidden;transition:.3s ease-in-out;opacity:0}.wrapper .thumbnail-content .sma-bilder .thumb-overlay:hover{opacity:1}.wrapper .thumbnail-content .sma-bilder .thumb-overlay .project-data{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;transition:.3s ease-in-out;text-align:center;width:100%}.wrapper .thumbnail-content .sma-bilder .thumb-overlay .project-data .project-title{color:#000;margin-bottom:.75rem}.wrapper .thumbnail-content .sma-bilder .thumb-overlay .project-data .project-area{color:#000}.home{float:left;position:relative;width:10%}@media(max-width: 1400px){.home{display:none}}.squares .post-header,.squares .post-date{color:#999;text-decoration:none;display:block;color:#333;font-family:"BrandonText-Bold"}.post{width:100%;max-width:1100px;margin:86px auto 0px auto}.post .post-content{max-width:750px;margin:0 auto}.post .post-content .post-title{margin:20px 0px;color:#000;clear:both}.post .post-content .post-jumbo{height:0;width:100%;max-height:100%;background-size:cover;margin-bottom:1em;padding-bottom:50%}.post .post-content h1{text-transform:uppercase;margin:.5em 0em}.post .post-content h2{margin:.5em 0em}.post .post-content .meta{color:#9C9A9A;display:block;float:left}@media(max-width: 767px){.post .post-content .meta{float:none}}.post .post-content .back{float:right;text-decoration:none;background:#ccc;padding:2px 10px;color:#fff;border-radius:4px}@media(max-width: 767px){.post .post-content .back{float:none}}.squares{cursor:pointer;margin-bottom:35px}.squares .thumbnail{max-height:400px;height:100%;background-size:cover}.squares .post-header{display:inline-block;text-transform:uppercase;color:#000}.squares:hover .post-date{color:#00CEFF}.squares .post-date{display:inline-block;text-transform:uppercase;color:#D2D2D2;font-size:2rem;transition:color .2s ease}.squares .post-date::before{content:"/";color:#eee;margin:0px 10px 0px 0px}.read-more h2{margin-bottom:50px;font-size:40px}.read-more ul li{padding-bottom:10px}.read-more ul li:hover .read-more-date{color:#5694f1}.read-more ul li:hover .read-more-header{opacity:.8}.read-more ul li::after{content:"";background:#eee;height:1px;display:block;margin:20px auto;border:none}.publisher-anchor-color a{color:#55ACEE !important}.about-me{text-align:center;padding:50px 0px;max-width:1000px;margin:0 auto}.about-me h1{margin-bottom:2em}.about-me h2{text-align:left;margin-bottom:1em}.about-me p{text-align:left;margin-bottom:6em}.about-me .half{width:50%;float:left;padding-right:35px;text-align:left}.about-me .half:last-of-type{padding-right:0}@media(max-width: 767px){.about-me .half{width:100%;float:none;padding:0}}.about-me .skills{margin-bottom:2em}.about-me .skills span{display:inline-block;font-size:16px;margin-right:5px;color:#00CEFF}.about-me .skills h2{margin-bottom:.5em}.about-me .skills p{margin:0;display:inline-block;margin-right:10px}.about-me .colophon{margin-bottom:2em}.about-me .colophon h2{margin-bottom:.5em}.about-me .colophon span{display:inline;font-size:16px;color:#00CEFF;font-family:"BrandonText-Bold"}.about-me .colophon p{margin:0;display:inline-block;margin-right:10px;line-height:1.8em}.footer{padding:5px 5px;margin:50px 0px;clear:both;position:relative}.footer .post-meta,.footer .copyright,.footer .contact{color:#000;text-decoration:none}@media(max-width: 767px){.footer{text-align:center}}.footer .copyright{float:left}@media(max-width: 767px){.footer .copyright{float:none;margin-bottom:1em}}.footer .contact{float:right}@media(max-width: 767px){.footer .contact{float:none}}
