
.contact-header {
  color: white; font-weight: normal; text-align: center; margin: 0 auto;
}
@media (min-width:480px ) {
  .contact-header {
    text-align: left; 
  }
}
@media (min-width:768px ) {
  .contact-header {
    font-size: 2.2em; width: 70%; text-align: center;
  }

}
@media (min-width: 1024px) {
  .page-template.page-template-page-spec-chart .page-default main[role="main"] {
    width: 75%; } 
  .contact-header {
    font-size: 2.8em; width: 60%; 
  }
  }

@media (min-width: 1440px) {
  .page-template.page-template-page-spec-chart .page-default main[role="main"] {
    width: 65%; } 
  }

@media (min-width: 1750px) {
  .page-template.page-template-page-spec-chart .page-default main[role="main"] {
    width: 55%; } 
  }

.page-template.page-template-page-spec-chart .page-default main[role="main"] h3, .page-template.page-template-page-spec-chart .page-default main[role="main"] h2 {
  display: block;
  width: 100%; }

.page-template.page-template-page-spec-chart .page-default .side-info {
  display: none; }

table.spec-chart,
table.spec-chart {
  display: block;
  width: 100%;
  /*
	Label the data
	*/ }
  table.spec-chart thead, table.spec-chart tbody, table.spec-chart th, table.spec-chart td, table.spec-chart tr,
  table.spec-chart thead,
  table.spec-chart tbody,
  table.spec-chart th,
  table.spec-chart td,
  table.spec-chart tr {
    display: block; }
  table.spec-chart td,
  table.spec-chart td {
    font-size: .8em;
    display: block;
    padding: 10px 10px; }
  table.spec-chart .spec-chart-row.head,
  table.spec-chart .spec-chart-row.head {
    font-weight: bold;
    font-size: .8em;
    text-transform: uppercase;
    display: none; }
  table.spec-chart tr.spec-chart-row:nth-child(even),
  table.spec-chart tr.spec-chart-row:nth-child(even) {
    background: #f7f7f7; }
  table.spec-chart td:nth-of-type(1):before,
  table.spec-chart td:nth-of-type(1):before {
    content: "Part No.: "; }
  table.spec-chart td:nth-of-type(2):before,
  table.spec-chart td:nth-of-type(2):before {
    content: "Config.: "; }
  table.spec-chart td:nth-of-type(3):before,
  table.spec-chart td:nth-of-type(3):before {
    content: "Chemistry: "; }
  table.spec-chart td:nth-of-type(4):before,
  table.spec-chart td:nth-of-type(4):before {
    content: "Voltage: "; }
  table.spec-chart td:nth-of-type(5):before,
  table.spec-chart td:nth-of-type(5):before {
    content: "Capacity: "; }
  table.spec-chart td:nth-of-type(6):before,
  table.spec-chart td:nth-of-type(6):before {
    content: "Energy: "; }
  table.spec-chart td:nth-of-type(7):before,
  table.spec-chart td:nth-of-type(7):before {
    content: "More Info: "; }
  @media (min-width: 780px) {
    table.spec-chart td:nth-of-type(n):before,
    table.spec-chart td:nth-of-type(n):before {
      display: none; }
    table.spec-chart td,
    table.spec-chart td {
      display: inline-block;
      width: 13.2%;
      border: none; }
    table.spec-chart .spec-chart-row.head,
    table.spec-chart .spec-chart-row.head {
      display: block; } }
table.spec-chart.spec .spec-chart-row {
  display: flex;
  align-items: center; }
  table.spec-chart.spec .spec-chart-row td.spec-img {
    width: 10%; }
  table.spec-chart.spec .spec-chart-row td.spec-img img {
    width: 40px;
    display: block; }

table.spec-chart.dhole {
  width: 900px;
  padding: 0; }
  table.spec-chart.dhole tr {
    width: 100%; }
  table.spec-chart.dhole td,
  table.spec-chart.dhole tr.spec-chart-row.head td {
    width: 10%;
    line-height: 18px; }
  table.spec-chart.dhole tr.spec-chart-row.head td {
    margin: 0; }
  table.spec-chart.dhole td {
    padding: 10px; }
  table.spec-chart.dhole td.description,
  table.spec-chart.dhole tr.spec-chart-row.head td.description {
    width: 20%; }
  table.spec-chart.dhole td.part-number,
  table.spec-chart.dhole tr.spec-chart-row.head td.part-number {
    width: 13%; }
  table.spec-chart.dhole td.ocv,
  table.spec-chart.dhole tr.spec-chart-row.head td.ocv {
    width: 7%; }
  table.spec-chart.dhole td.dimensions,
  table.spec-chart.dhole tr.spec-chart-row.head td.dimensions {
    width: 13%; }
  table.spec-chart.dhole td.more-info,
  table.spec-chart.dhole tr.spec-chart-row.head td.more-info {
    width: 11%; }
  @media (min-width: 1750px) {
    table.spec-chart.dhole td.description,
    table.spec-chart.dhole tr.spec-chart-row.head td.description {
      width: 20%; }
    table.spec-chart.dhole td.part-number,
    table.spec-chart.dhole tr.spec-chart-row.head td.part-number {
      width: 13%; }
    table.spec-chart.dhole td.ocv,
    table.spec-chart.dhole tr.spec-chart-row.head td.ocv {
      width: 7%; }
    table.spec-chart.dhole td.dimensions,
    table.spec-chart.dhole tr.spec-chart-row.head td.dimensions {
      width: 13%; }
    table.spec-chart.dhole td.more-info,
    table.spec-chart.dhole tr.spec-chart-row.head td.more-info {
      width: 11%; } }
.dh-table-note {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  font-size: .9em;
  font-style: italic; }
