body, div, h1, h2, p, ul, li, img { margin: 0; padding: 0; }
body, h1 { font-size: 100%; font-weight: normal; }
body { font: normal 100% 'Montserrat', sans-serif; font-weight: 400; color: #666; background-color: #fefefe;
    position: relative; letter-spacing: 0.1em; }

h1 { font-size: 1.3125em; /* 21px / 16px */ font-weight: 500; color: #666; }
ul { list-style-type: none; font-size: 1.3125em; font-weight: 300; padding: 0; }
li { padding-bottom: 0.5em; line-height: 1.2em; }
p { font-size: 0.875em; /* 14px / 16px */ font-weight: normal; color: #666; }
a { text-decoration:none; color: #1e6af3; font-weight: 500; }
a:hover { color: #81acf9; }
#main { width: 90%; text-align: left; margin:4.1666666666666664% auto; }
#works { padding: 1em 0; }
#works a { display: block; }
#works li:last-child { padding-bottom: 0; }
#more { font-size: 0.875em; }
#more li { display:inline; }
#note { position:fixed; top:0; right:0; text-align: left; z-index: 3; font-weight: normal; font-size: 0.8em; margin:1%; }

@media (min-width: 480px) {
  h1, ul { font-size: 2.625em; /* 42px / 16px */ }
  #works a { display: inline; }
  p { font-size: 1.5em; /* 24px / 16px */ }
  #more { font-size: 1.5em; }
}