@charset "UTF-8";
@-ms-viewport { width: device-width;}
@viewport { width: device-width;}

article,aside,details,figcaption,figure,footer,header,hgroup,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;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { margin: 0;}
a:focus { outline: thin dotted;}
a:active,
a:hover {outline: 0;}
abbr[title] { border-bottom: 1px dotted;}
b,strong { font-weight: bold;}
dfn { font-style: italic;}
mark { background: #ff0;color: #000;}
code,kbd,pre,samp {  font-family: monospace, serif;  font-size: 1em;}
pre {  white-space: pre;  white-space: pre-wrap;  word-wrap: break-word;}
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; margin:0; padding: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,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
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;}
ul, ol {padding: 0;list-style: none;}
h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0;}
a {text-decoration: none;}
body {color: #333; position: relative;width: 100%;min-width: 20em;}
.block { position: relative;}
#outer-wrap {position: relative;overflow: hidden; width: 100%;}
#inner-wrap {position: relative; width: 100%;}
#main {}
footer[role="contentinfo"] {
  background: #ddd;
}

@media screen and (max-width: 45em) {
  #nav {position: absolute;top: 0;padding-top: 5.25em;}
 }