/*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}h1,h2,h3,h5,h6{font-weight:700}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}body{margin:0;background-color:#f5f5f5;overflow-x:hidden;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;color:#333;line-height:1.333333333}html{font-size:100%}@media (min-width:30em){html{font-size:1.125em}}@media (min-width:45em){html{font-size:1.3125em}}p{font-size:1em;margin:0 0 1rem;max-width:30em}.menu .menu__header,h1,h2,h3,h4,h5,h6{margin:2rem 0 1.333333333rem}h1{font-size:2em;line-height:1.166666667}h2{font-size:1.666666667em;line-height:1.2}h3{font-size:1.5em;line-height:1.111111111}.menu .menu__header,h4{font-size:1.333333333em;font-weight:700;line-height:1.25}h5{font-size:1.166666667em;line-height:1.142857143}h6{font-size:1em}.menu{background-color:#1e313c;color:#fff;font-size:1rem;padding:1.333333333em 0;width:100%}.menu .menu__header{border-bottom:1px solid rgba(255,255,255,.2);padding:0 0 .333333333em;margin:0 0 1em}.menu .menu__nav{height:100%;overflow-y:auto}.menu .menu__nav ul{list-style:none;margin:0;padding:0}.menu .menu__nav ul li a{border-bottom:1px solid rgba(255,255,255,.05);color:#fff;display:block;margin:0 1em;padding:1em;text-decoration:none}.menu .menu__nav ul li a:hover{background-color:#192932;color:#fff}.menu .menu__nav ul li a.active,.menu .menu__nav ul li.active a{background-color:#fba600;color:#1e313c}.menu .menu__toggle{display:none}@media (min-width:45em){.menu{height:100%;position:fixed;top:0;left:0;width:15em}}.js .menu{height:100%;position:fixed;top:0;left:0;transition:transform .3s cubic-bezier(.23,1,.32,1);transform:translate3d(-100%,0,0);width:15em;z-index:100}.js .menu .menu__toggle{background-color:#1e313c;display:block;overflow:hidden;position:absolute;text-indent:-9999px;top:0;right:-2em;width:2em;height:2em}.js .menu .menu__toggle span{background:#fff;display:block;position:absolute;top:1em;left:.25em;right:.25em;height:.2em;margin-top:-.1em;transition-property:background;transition-delay:.3s}.js .menu .menu__toggle span::after,.js .menu .menu__toggle span::before{position:absolute;display:block;left:0;width:100%;height:.2em;background:#fff;content:"";transition-duration:.3s,.3s;transition-delay:.3s,0s}.js .menu .menu__toggle span::before{top:-.5em;transition-property:top,transform}.js .menu .menu__toggle span::after{bottom:-.5em;transition-property:bottom,transform}.js .menu.active{transform:translate3d(0,0,0)}.js .menu.active span{background:#1e313c}.js .menu.active .menu__toggle span::before{background:#fff;top:0;transform:rotate(45deg);transition-delay:0s,.3s}.js .menu.active .menu__toggle span::after{background:#fff;bottom:0;transform:rotate(-45deg);transition-delay:0s,.3s}.content{background-color:#fff;max-width:45em;padding:1.333333333em}@media (min-width:45em){.js .menu{transform:translate3d(0,0,0)}.js .menu .menu__toggle{display:none}.content{margin-left:15em}}.content pre{background-color:#f9f9f9;border:1px solid #f5f5f5;padding:1em}.content svg{border:1px dashed #e0e0e0;margin:1rem 0}.content .menu .menu__header,.content h1,.content h2,.content h3,.content h4,.content h5,.content h6,.menu .content .menu__header{color:#003142;border-bottom:1px solid #d1d5d5;padding-bottom:.5rem}

/* hompage */
img {
  max-width: 100%;
}

a {
  color: #fba600;
}

a:hover {
  color: #1e313c;
}

.header {
  color: white;
  width: 100%;
  text-align: center;
  background-image:linear-gradient(#667178, #1e313c);
}

.grid {
  background-color: transparent;
  background-image: linear-gradient(0deg, transparent 24%,
    rgba(255, 255, 255, .1) 25%,
    rgba(255, 255, 255, .1) 26%,
    transparent 27%,
    transparent 74%,
    rgba(255, 255, 255, .1) 75%,
    rgba(255, 255, 255, .1) 76%,
    transparent 77%, transparent),
    linear-gradient(90deg, transparent 24%,
    rgba(255, 255, 255, .1) 25%,
    rgba(255, 255, 255, .1) 26%,
    transparent 27%,
    transparent 74%, rgba(255, 255, 255, .1) 75%,
    rgba(255, 255, 255, .1) 76%,
    transparent 77%, transparent);
  height:100%;
  width: 100%;
  background-size:50px 50px;
  padding: 1em;
}

.header h1 {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

@media (min-width: 45em) {
  .header h1 {
    font-size: 3em;
  }
}

.header p {
  margin: 0 auto 2em;
  max-width: 25em;
}

.header-nav {
  background-color: #1e313c;
}

.header-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-nav ul li {
  display: inline-block;
}

.header-nav ul li a {
  color: #fba600;
  display: block;
  padding: 1em;
  text-decoration: none;
}

.container {
  max-width: 60em;
}

.row {
  display: block;
  background-color: #f9f9f9;
  border: 1px solid #d1d5d5;
  width: 100%;
  margin-top: -1px;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.m50 {
  display: block;
  float: none;
  width: 100%;
}

.m50 h2 {
  margin-top: 0;
}

.m50 h2 a {
  border-bottom: 1px solid #d1d5d5;
  color: #1e313c;
  text-decoration: none;
}

.m50 h2 a:hover {
  color: #fba600;
}

@media (min-width: 45em) {
  .container {
    margin: 2em auto;
  }
  .row {
    margin-top: 0;
    margin-bottom: 2em;
  }
  .m50 {
    width: 50%;
    float: left;
  }
}

.img {
  background-color: white;
  padding: 1em 1em;
}

.copy {
  padding: 1em;
}

.menu__all-charts {
  color: #fba600 !important;
}
