table[summary=states-list] th, table[summary=states-list] td {
    vertical-align: top;
    padding: 16px !important;
}

table[summary=states-list] th {
    font-family: "AlternateGotNo2D";
    text-transform: uppercase;
    font-size: 18px;
    color: #666;
}

table[summary=states-list] tr td,
table[summary=states-list] td p {
    font-family: "MuseoSans300" !important;
}

@media screen and (max-width: 500px) {
    table[summary=states-list] td p {font-size: 1.3rem !important;}
}

table[summary=states-list] td p,
table[summary=states-list] td  h1,
table[summary=states-list] td h2,
table[summary=states-list] td h3 {
    -webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
    }

@media screen and (min-width: 1025px) {
  table[summary=states-list] tr td,
  table[summary=states-list] td p {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 16px; /* Chrome, Safari, Opera */
    -moz-column-gap: 16px; /* Firefox */
    column-gap: 16px;    
  }
}

@media screen and (min-width: 501px) and (max-width: 1024px) {
  table[summary=states-list] re td,
  table[summary=states-list] td p {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 16px; /* Chrome, Safari, Opera */
    -moz-column-gap: 16px; /* Firefox */
    column-gap: 16px;    
  }
}