@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,body,div,span,applet,object,iframe,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}blockquote{border-left:5px solid #ccc;margin:1.5em 0;padding:0.5em 10px;quotes:"“" "”" "‘" "’"}blockquote:before{content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em}blockquote p{display:inline}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{height:100%;min-height:100%}body{background:#333;color:#ccc;font-weight:300;font-family:'Lato', Calibri, Arial, sans-serif;overflow-y:scroll;overflow-x:hidden;font-size:100%}input[type="text"]{border:1px solid #7f7f7f}a{text-decoration:underline;color:#ddd;outline:none}a:hover,a:focus{color:#fff;outline:none}p{margin:0 0 1em}img{max-width:100%}#mother{height:100%;min-height:100%;margin:0px auto;max-width:920px;clear:both}.languages{line-height:30px;position:absolute;right:10px;top:0;display:inline-block}.languages li{display:inline-block;margin-left:10px}.languages li .lang-link{color:#ccc;text-decoration:none}.languages li .lang-link:hover{cursor:pointer;text-decoration:underline}.languages li .lang-link.selected{font-weight:bold;color:#ddd}#header-img{color:transparent;background:#555}#header-img svg{pointer-events:none}#header-img .illustration{position:absolute;top:50%;left:50%;max-height:100%;max-width:100%;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity .5s;transition:opacity .5s}#header-img .drawings{position:relative;max-height:250px;max-width:350px;margin-left:10%}#header-img .drawings img.projectsHead{max-width:400px !important}#header-img .show{opacity:1}#header-img .hide{opacity:0}@media (max-width: 650px){#header-img{display:none}}.header{width:100%;font-family:'Lato', Arial, sans-serif;position:relative;padding:1px 5px;text-align:center;margin:0 auto 3em;background:#222}@media (max-width: 650px){.header{font-size:80%;position:fixed;top:0;width:100%}}.header h1{margin:0;font-weight:300;font-size:2.625em;line-height:1.3}.header span{display:block;padding:0 0 0.6em 0.1em;font-size:60%;color:rgba(0,0,0,0.3)}.header .menu #menu_list{margin:10px 0}@media (max-width: 650px){.header .menu #menu_list{padding:0}}.header .menu #menu_list li{list-style:none;display:inline}.header .menu #menu_list li .menulink{text-decoration:none;border-radius:5px;padding:10px 15px;display:inline-block;margin:0 10px;color:#fff;font-size:1.2em;font-weight:100;border:none;background:transparent;outline:none}.header .menu #menu_list li .menulink:hover,.header .menu #menu_list li .menulink.active_link{text-decoration:none;opacity:.6;background:transparent}@media (max-width: 650px){.header .menu #menu_list li .menulink{background:rgba(255,255,255,0.05)}.header .menu #menu_list li .menulink:hover,.header .menu #menu_list li .menulink.active_link{background:rgba(255,255,255,0.075)}}section{max-width:920px;margin:0 auto 100px auto;text-align:justify;font-size:1.2em;line-height:1.5em;padding:0 10px}@media (max-width: 650px){section{padding:0 1em;margin-top:80px}}#maincontent h1,#maincontent h3{font-family:'Lato', Calibri, Arial, sans-serif;font-weight:200;text-align:center}#footer{clear:both;text-align:center;padding:10px}.notice,.warning,.success{border:1px solid;margin:5px;padding:5px}.warning{border-color:red}.success{border-color:green}.grid{font-size:.7em;position:relative;clear:both;margin:0 auto;padding:1em 0 4em;max-width:1000px;list-style:none;text-align:center}.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:320px;max-width:420px;max-height:310px;width:48%;height:310px;background:#fff;text-align:center;cursor:pointer}.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:0.95;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%);-webkit-transition:all .6s ease;-webkit-backface-visibility:hidden;-moz-transition:all 0.35s;-o-transition:all 0.35s;-webkit-transition:all 0.35s;transition:all 0.35s}.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.5em;text-shadow:0 0 8px rgba(100,100,100,0.8);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;white-space:nowrap;box-sizing:border-box;-moz-transition:all 0.35s;-o-transition:all 0.35s;-webkit-transition:all 0.35s;transition:all 0.35s;box-shadow:inset 0 0 0 10px #333}.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}.grid figure figcaption:hover ~ img{filter:none;-webkit-filter:grayscale(0%);-moz-transition:all 0.35s;-o-transition:all 0.35s;-webkit-transition:all 0.35s;transition:all 0.35s}.grid figure figcaption h2{white-space: normal;font-weight:300;margin:0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}.grid figure figcaption h2 span{font-weight:800}.grid figure figcaption p{letter-spacing:1px;font-size:68.5%;opacity:0;margin:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:perspective(1000px) rotate3d(1, 0, 0, 90deg);transform:perspective(1000px) rotate3d(1, 0, 0, 90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid figure:hover figcaption{-moz-transition-property:box-shadow;-o-transition-property:box-shadow;-webkit-transition-property:box-shadow;transition-property:box-shadow;-moz-transition-duration:0.35s;-o-transition-duration:0.35s;-webkit-transition-duration:0.35s;transition-duration:0.35s;box-shadow:inset 0 0 0 0px #333}.grid figure:hover h2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.grid figure:hover p{opacity:1;-webkit-transform:perspective(1000px) rotate3d(1, 0, 0, 0);transform:perspective(1000px) rotate3d(1, 0, 0, 0)}.container{display:flex;flex-direction:column;}