#container{padding:1.618em;background-repeat:no-repeat;background-position:0 0}header{padding:3.8em 0 0 1.8em;background-size:7.2em;background-position:1.3em 1.3em;position:static}header h1{font-size:1rem;margin-bottom:.5rem;line-height:1.618em}header p{font-size:1rem;margin-bottom:.5rem}footer{font-size:1em;left:2.2em;right:0;z-index:101;height:2.5em;margin-top:-2.5em}footer .separador{display:inline}footer br{display:none}nav{background-color:transparent;margin-top:8.8em;padding-left:1.8em;width:28em}nav ul a{font-size:1em;padding:.25em 0}nav ul ul.sub{padding-bottom:1.5em}nav ul ul.sub a{padding-left:.6em}nav #principal{padding-top:0}nav #secundario{padding-top:3.5em}nav #secundario li{margin-bottom:2.3em}#proyectos article a{width:7.2em;height:7.2em;margin-bottom:0}#proyectos article a:hover,#proyectos article a.activo{background-position:0 -7.2em}#proyectos article a>.over{width:15.3rem;font-size:1rem}#proyecto{width:60%;max-width:70rem;top:3.7em;left:32rem}#proyecto h1,#proyecto p{margin-bottom:1.4em;font-size:1em}#proyecto a{display:block;max-width:100%;margin-bottom:1.2em}#proyecto .sin-margen{margin-bottom:.7em}#proyecto .embed-container.horizontal{padding-bottom:56%;max-width:100%}#proyecto .embed-container.vertical{padding-bottom:88%;max-width:50%}#kontakt form div{width:25em}@media screen and (min-width:30em) and (max-width:79.99em){#container{padding:1em .809em;background-repeat:no-repeat;background-position:0 0}header{position:absolute;padding:2.2em 0 0 1em;background-position:.6em 0;background-size:7.2em}header h1{font-size:1em}header p{font-size:1em}footer{font-size:.9em;left:1.75em;z-index:99}nav{background-color:rgba(255,255,255,0.98);margin-top:0;width:100%;padding-left:.809em}nav ul a{font-size:1em}nav ul ul.sub{padding-bottom:1.05em}nav ul ul.sub a{padding-left:1.2em}nav #secundario{padding-top:1.5em;margin-top:0}nav #secundario li{margin-bottom:0}.nav-toggle{width:70px;top:2em;right:1em}#proyectos article a{width:7.2em;height:7.2em}#proyectos article a:hover,#proyectos article a.activo{background-position:0 -7.2em}#proyectos article a>.over{width:11rem;font-size:1rem}#proyecto{top:13em;left:1.85em;right:1.85em;width:auto}#proyecto h1,#proyecto p{font-size:1em;margin-bottom:1em}#proyecto a{margin-bottom:1.2em}#proyecto img{width:100%}}@media screen and (min-width:30em) and (max-width:50em){header{background-size:6.2em}#proyectos article a{width:6.2em !important;height:6.2em !important}#proyectos article a:hover,#proyectos article a.activo{background-position:0 -6.2em}}