@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,500,500i');body{margin:0;padding:0;font:18px Roboto,sans-serif;font-weight:300}#root{box-sizing:border-box;margin:.5em auto;max-width:1024px;padding:.5em}nav{display:flex;line-height:1.5em;margin:0;padding:0;width:100%}nav header h1{font-size:1.5em;font-style:italic;font-weight:500;line-height:1em;margin:0;padding:0;text-transform:uppercase}.title{display:inline;font-size:1.5em;font-weight:100;margin-left:.5em;vertical-align:middle}nav ul{list-style-type:none;margin:0;padding:0;text-transform:uppercase}nav ul li{display:inline;margin-left:.5em}#nav a:link,#nav a:visited{font-weight:500;opacity:.4;outline:none;text-decoration:none;vertical-align:middle}#subnav a:link,#subnav a:visited{font-size:.8em;font-weight:500;opacity:.4;outline:none;text-decoration:none}#nav a.active,#subnav a.active{opacity:1}main{margin:0;margin-top:.5em;padding:0;width:100%}main h2{font-size:1.1em;font-weight:500;text-transform:uppercase}main h3{font-weight:400}main aside{float:left;margin-bottom:.5em;margin-right:.5em}main img{display:block;margin:0 auto;max-width:60%}@media screen and (max-width:1024px){#root{padding:.2em .5em}nav{display:block;line-height:1em}.title{display:none}nav ul li:first-child{margin-left:0}nav aside,nav ul{display:inline-block;width:100%}main img{max-width:90%}}