/* line 1, ../../sass/_headline-byline.scss */
h1 {
  margin-top: 0px;
  font-size: 48px;
  line-height: 52px;
}

/* line 6, ../../sass/_headline-byline.scss */
p.byline {
  font-size: 16px;
  margin-bottom: 20px;
}

/* line 10, ../../sass/_headline-byline.scss */
.author,
.pubdate {
  padding-right: 5px;
}

/* line 14, ../../sass/_headline-byline.scss */
.author {
  font-family: FranklinITCProBold, Helvetica, Arial, sans-serif;
}

/* line 17, ../../sass/_headline-byline.scss */
.pubdate {
  font-family: FranklinITCProLight, Helvetica, Arial, sans-serif;
  color: #AAA;
}

@media (max-width: 768px) {
  /* line 22, ../../sass/_headline-byline.scss */
  h1 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media (max-width: 480px) {
  /* line 29, ../../sass/_headline-byline.scss */
  h1 {
    font-size: 24px;
    line-height: 28px;
  }

  /* line 33, ../../sass/_headline-byline.scss */
  p.byline {
    font-size: 14px;
  }

  /* line 36, ../../sass/_headline-byline.scss */
  .franklin p.body,
  p.body {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
/* line 10, ../../sass/base.scss */
.intro-wrap {
  position: absolute;
  width: 70%;
  top: 0;
  left: 0;
}

/* line 17, ../../sass/base.scss */
.graphic-wrap {
  padding-top: 100px;
}

/* line 21, ../../sass/base.scss */
.left-wrapper {
  width: 30%;
  float: left;
  margin-right: 4%;
  margin-top: 11%;
}

/* line 28, ../../sass/base.scss */
.category-wrap {
  margin-bottom: 15px;
}

/* line 32, ../../sass/base.scss */
.block-wrap {
  float: left;
  width: 20%;
}

/* line 37, ../../sass/base.scss */
.category-block {
  display: block;
  height: 30px;
  width: 30px;
  border-radius: 4px;
  font-size: 2em;
  font-family: FranklinITCProThin, Helvetica, Arial, sans-serif;
  padding: 12px;
  text-align: center;
  line-height: 33px;
}

/* line 49, ../../sass/base.scss */
.category-block.fill-1 {
  background: #abd9e9;
}

/* line 50, ../../sass/base.scss */
.category-block.fill-2 {
  background: #ffffbf;
}

/* line 51, ../../sass/base.scss */
.category-block.fill-3 {
  background: #F7A250;
}

/* line 52, ../../sass/base.scss */
.category-block.fill-4 {
  background: #d7191c;
  color: #fff;
}

/* line 54, ../../sass/base.scss */
p.category-text {
  float: left;
  width: 80%;
}

/* line 59, ../../sass/base.scss */
.map-wrapper {
  width: 66%;
  float: left;
}

/* line 64, ../../sass/base.scss */
#map-canvas {
  width: 100%;
  min-height: 400px;
}

/* line 69, ../../sass/base.scss */
.state {
  fill: #eee;
}

/* line 73, ../../sass/base.scss */
.state.fill-1 {
  fill: #abd9e9;
}

/* line 74, ../../sass/base.scss */
.state.fill-2 {
  fill: #ffffbf;
}

/* line 75, ../../sass/base.scss */
.state.fill-3 {
  fill: #F7A250;
}

/* line 76, ../../sass/base.scss */
.state.fill-4 {
  fill: #d7191c;
}

/* line 78, ../../sass/base.scss */
.state-label {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  cursor: default;
}
/* line 85, ../../sass/base.scss */
.state-label.text-white {
  fill: #FFE9E9;
}

/* line 90, ../../sass/base.scss */
.state-label.label-m {
  display: none;
}

/* line 94, ../../sass/base.scss */
.key text {
  dominant-baseline: central;
  font-size: 12px;
}

/* line 98, ../../sass/base.scss */
.leader {
  stroke: #666;
  shape-rendering: crispEdges;
}

/* line 103, ../../sass/base.scss */
.bottom-wrap {
  border-top: 2px solid #ddd;
  margin: 10px 0;
  padding: 10px 0;
}
/* line 108, ../../sass/base.scss */
.bottom-wrap .bottom-text-wrap {
  width: 30%;
  margin-right: 3%;
  float: left;
}
/* line 114, ../../sass/base.scss */
.bottom-wrap img {
  width: 67%;
  float: left;
  max-width: 750px;
  margin-top: -20px;
}
/* line 121, ../../sass/base.scss */
.bottom-wrap .chart-narrow {
  display: none;
  max-width: 420px;
}

@media screen and (max-width: 1199px) {
  /* line 128, ../../sass/base.scss */
  .graphic-wrap {
    padding-top: 120px;
  }

  /* line 132, ../../sass/base.scss */
  .category-block {
    padding: 9px;
    font-size: 1.8em;
  }

  /* line 137, ../../sass/base.scss */
  p.category-text {
    width: 77%;
    padding-left: 3%;
  }
}
@media screen and (max-width: 979px) {
  /* line 144, ../../sass/base.scss */
  .intro-wrap {
    position: relative;
    width: 100%;
  }

  /* line 149, ../../sass/base.scss */
  .graphic-wrap {
    padding-top: 0;
  }

  /* line 153, ../../sass/base.scss */
  .left-wrapper {
    float: none;
    width: 100%;
    margin: 10px 0 0;
  }

  /* line 159, ../../sass/base.scss */
  .category-wrap {
    width: 48%;
    float: left;
  }
  /* line 163, ../../sass/base.scss */
  .category-wrap.wrap-left {
    margin-right: 4%;
  }

  /* line 168, ../../sass/base.scss */
  .map-wrapper {
    float: none;
    width: 100%;
  }

  /* line 174, ../../sass/base.scss */
  .bottom-wrap img {
    margin-top: 0;
  }
  /* line 178, ../../sass/base.scss */
  .bottom-wrap .chart-wide {
    display: none;
  }
  /* line 182, ../../sass/base.scss */
  .bottom-wrap .chart-narrow {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  /* line 189, ../../sass/base.scss */
  .state-label.label-d {
    display: none;
  }

  /* line 193, ../../sass/base.scss */
  .state-label.label-m {
    display: block;
  }

  /* line 198, ../../sass/base.scss */
  .bottom-wrap .bottom-text-wrap {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  /* line 204, ../../sass/base.scss */
  .bottom-wrap img {
    width: 100%;
    float: none;
    max-width: 750px;
    margin: 10px auto;
  }
}
@media screen and (max-width: 580px) {
  /* line 214, ../../sass/base.scss */
  h1.franklin-bold {
    font-size: 2.2em;
    line-height: 1.1em;
  }

  /* line 219, ../../sass/base.scss */
  .category-wrap {
    width: 100%;
    margin-right: 0;
  }

  /* line 224, ../../sass/base.scss */
  .block-wrap {
    width: 12%;
  }
}
@media screen and (max-width: 480px) {
  /* line 230, ../../sass/base.scss */
  .state-label {
    font-size: 11px;
  }

  /* line 234, ../../sass/base.scss */
  .block-wrap {
    width: 16%;
  }
}