.block-landing-page-summary-donut-graph {
  margin: 0 2rem;
}

.block-landing-page-programs-bar-graph {
  margin: 0 2rem;
}

.block-landing-page-programs-bar-graph .categories-data-header {
  font-size: 30px;
  font-weight: 300;
  margin-top: 1rem;
  padding-bottom: 10px
}

.summary-number-awards-header {
  font-size: 30px;
  font-weight: 300;
  margin: 1rem 0 0.5rem 0;
  padding-bottom: 10px
}

.summary-number-awards-count-label {
  font-size: 25px;
  padding: 0.75rem 0
}

.summary-data-header {
  font-size: 30px;
  font-weight: 300;
  padding-bottom: 10px
}

.summary-number-awards {
  padding: 10px 0;
}

.summary-number-awards-count-label {
  font-weight: bold;
  color: #0e7bc0;
}

.fund-column {
  padding: 0 1em;
}

.fund-item {
  background-color: #f0f4f8;
  color: #002848;
  padding: 1em;
  justify-content: center;
  display: flex;
}

.fund-item div:nth-child(1) {
  font-size: 1.5vw;
}

.fund-item div:nth-child(2) {
  font-size: 3vw;
  font-weight: bold;
}

#spent-donut, #obligated-donut,
#obligated-donut .highcharts-container,
#spent-donut .highcharts-container {
  overflow: visible !important;
}

#obligated-donut .highcharts-container {
  z-index: auto !important;
}

#obligated-donut .highcharts-data-label span {
  background: #FFFFFF;
}

#obligated-donut .highcharts-data-label span,
#spent-donut .highcharts-data-label span{
  font-size: .8vw !important;
  font-weight: normal !important;
  line-height: 1.2 !important;
}

#obligated-donut .highcharts-data-label span span.donut-sub-label,
#spent-donut .highcharts-data-label span span.donut-sub-label{
  font-weight: bold !important;
  display: inline-block;
  color: #0e7bc0;
}

#obligated-donut .highcharts-title,
#spent-donut .highcharts-title {
  font-size: 1vw !important;
  text-align: center !important;
}

#obligated-donut .highcharts-title .donut-center-txt-amt,
#spent-donut .highcharts-title .donut-center-txt-amt{
  font-size: 1.5vw !important;
}

.program-count-label {
  font-weight: 300;
}

@media (min-width: 1700px) {
  #obligated-donut .highcharts-title,
  #spent-donut .highcharts-title {
    font-size: 16px !important;
  }

  #obligated-donut .highcharts-title .donut-center-txt-amt,
  #spent-donut .highcharts-title .donut-center-txt-amt{
    font-size: 27px !important;
  }
}

@media(max-width: 600px) {
  .fund-item {
    margin-bottom: 10px
  }

  .fund-item div:nth-child(1) {
    font-size: 4vw;
  }

  .fund-item div:nth-child(2) {
    font-size: 8vw;
  }

  #obligated-donut .highcharts-title,
  #spent-donut .highcharts-title {
    font-size: 3.5vw !important;
  }

  #obligated-donut .highcharts-title .donut-center-txt-amt,
  #spent-donut .highcharts-title .donut-center-txt-amt{
    font-size: 6vw !important;
  }

  #obligated-donut .highcharts-data-label span,
  #spent-donut .highcharts-data-label span{
    font-size: 3vw !important;
  }
}