html{margin:0;padding:1em;color:#222;font-size:70%;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif}a{text-decoration:none;display:inline-block;padding:1em}a:link,a:visited{color:#222}a.active,a:active,a:hover{background:#222;color:#fff}header{padding:0 0 1em 0;margin-top:-1em}header h1{font-family:'Source Sans Pro', Helvetica, Arial, sans-serif;font-weight:600;font-size:2.2em;margin:0;padding:0;display:inline-block}header h1 a{padding:0!important}header h1 a:active,header h1 a:hover{color:#222;background:none}header h1:after{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;content:"/";vertical-align:sub;font-size:2em;font-weight:400;padding-left:.2em}header nav{display:inline-block;font-weight:bold}header nav a:after{content:"."}body>nav ol{font-weight:bold;margin:0;padding:0;list-style-type:none;list-style-type:decimal !ie;counter-reset:ol-counter}body>nav ol li{position:relative;padding:0 0 0 2em;margin:0}body>nav ol li:before{width:3em;padding:1em 0;text-align:center;position:absolute;top:0;left:-1em;content:counter(ol-counter);counter-increment:ol-counter}body>nav ol li.active:before{color:#fff;background:#222}main{display:block;text-align:center}main h2.caption{font-size:1em;font-weight:normal}main figure{display:block;margin:0 0 1em 0;padding:0}main figure img{width:100%}main p{text-align:left;margin-left:10%}main .cv{text-align:left}main .cv h2{border-bottom:1px solid black}main .cv p{margin:0}.gallery label{display:inline-block;cursor:pointer;padding:1em}.gallery div,.gallery input{display:none}.gallery input:checked+div{display:block}@media only screen and (min-width:60em){a{padding:2px}header{padding:0 0 2em 0}body>nav{width:20em;float:left}body>nav ol li{margin:0 0 .5em 0;padding:1em 1em 1em 2em}body>nav ol li:before{padding:0}main{margin:0 20em}main figure img{width:auto;max-width:100%;max-height:80vh}.gallery label{padding:1px}}