.di-article h1 {
  display: block;
  font: 700 7.2rem Roboto, Helvetica, Sans-serif;
  text-align: center;
  line-height: 1em;
  width: 80%;
  margin: 3rem auto !important; 
}
.di-article h2 {
  font: 400 3.6rem Roboto, Helvetica, Sans-serif;
  text-align: center;
  line-height: 1em;
  width: 80%;
  margin: 3rem auto !important; 
}
.afc_chart {width: 33%; min-width: 540px; font: 300 1.8rem Roboto, Helvetica, Sans-serif;}
.afc_chart thead, .afc_chart tbody {border-bottom: 2px solid #00759c;}
.afc_chart td, .afc_chart th {padding: 8px 10px; text-align: right;}
.afc_chart th {vertical-align: bottom; width: 30%;}
.afc_chart th div {text-align: center; display: inline-block;}
.afc_chart td sup {margin-left: 3px; margin-right: -8px;}
.afc_chart tbody tr {cursor: pointer; border-top: 2px solid rgba(0, 157, 191, 0.2);/*#00759c;*/}
.afc_chart td.org_name, .afc_chart td.rank_cash_support, .afc_chart td.rank_private_support, .afc_chart th.org_name, .afc_chart th.rank_cash_support, .afc_chart th.rank_private_support {text-align: left;}
.afc_chart th.pct_donated_goods_of_pvt_support, .afc_chart th.rank_private_support, .afc_chart th.pct_cash_support_of_total_rev,.afc_chart th.pct_stocks_private_support {width: 20%;}
.afc_chart th.org_name {width: 50%;}
.afc_chart tbody tr:hover {background-color: #c4e3f3;}
.di-article .afc_chart p {width: 100%; margin: 1rem 0; line-height: 1.2;}
.chart_left {float: left; margin-left: 2%; margin-right: 3rem;}
.chart_right {float: right; margin-right: 2%; margin-left: 3rem;}
.afc_chart h3 {width: 100%; color: #de1737; max-width: 100%; font: 300 3.2rem/1.2 Roboto, Helvetica, Sans-serif; margin: 0 0 1.3rem;}
.afc_chart .afc_note {font: 300 1.4rem Roboto, Helvetica, Sans-serif; margin: 1rem 0 0 3rem;}
.afc_chart .chart_table {width: 100%; margin: 0 auto; overflow:hidden;}
.afc_table {width: 100%;}
.afc_table .rank_cash_support {width: 50px;}
.afc_table .cash_support_best {width: 140px;}
.afc_table .org_name {width: 200px;}
#container {margin-top: 6rem;}
.di-article h2.di-subhed {  margin: 2rem auto 1rem;  font: 300 6.5rem Roboto, Helvetica, Sans-serif; max-width: 650px;  text-align: left;  width: 90%;}
.di_list { max-width: 650px; width: 90%;  font: 1.6rem Merriweather,"Times New Roman",Times,serif; margin: 1rem auto;}
.di_list li { margin-bottom: 2rem; line-height: 1.4;}
.afc_logo {max-width: 350px; width: 70%; margin: 6rem auto 0;}
.afc_logo img {width: 100%;}
.afc_sidebar {float: left; width: 100%; max-width::540px; margin-left: auto; margin-right: auto; padding:20px; background-color: rgba(0,157,191,0.07); font: 300 1.6rem Roboto, Arial, sans-serif;}

.afc_sidebar h4 {margin-top: 0; font-size: 2.4rem;margin-bottom: 1.4rem;}
.di-article a.tableLink {background-color: #c4e3f3;padding: 0 2px;}
.content-item__side-bar {width: 300px; float: right; display: block; margin-right: 5%; margin-left: 4rem;}
.content-item__side-bar--body { font: 300 1.4rem/1.2 Roboto, Helvetica, Sans-serif; padding: 1.5rem;}
.content-item__side-bar--body li {margin-bottom: 0.4rem; line-height: 1.3;}
.content-item__side-bar--body p { font: 300 1.4rem/1.2 Merriweather,"Times New Roman",Times,serif; padding: 0;}
.content-item__side-bar--body h4 {font: 600 1.8rem/1.1 Roboto, Helvetica, Sans-serif; margin-top: 10px;}

@media (max-width: 767px) {
    .afc_sidebar {float: none; width: 90%; margin: 2rem auto; padding: 2rem 1rem 2.6rem;} 
    .di-headlines h1 { font-size: 6rem; margin: 0 !important; }
    h3.di-subhed { font-size: 5.5rem; margin-left: 15px;}
    .afc_chart td {font-size: 1.4rem;}
    .afc_chart th {font-size: 1.3rem;}

}
@media (min-width: 768px) and (max-width: 992px) {
    .afc_sidebar  {font-size: 1.5rem; margin-left: 4rem; width: 50%; } 
     .di-headlines h1 {font-size: 6rem; } 
}
@media (min-width: 1501px) {
  .content-item__side-bar {margin-right: 10%; width: 350px;}
    .afc_sidebar  {width: 40%;} 
    .di-headlines h1 {font-size: 9rem; } 
}
@media (max-width: 1499px) {
  .afc_chart, .chart_right, .chart_left {width: 90%; max-width: 550px; margin: 2rem auto; padding: 0; float: none;}
}