.stateStats.frame {
   margin: 0 auto 1em;
}

.stateStats.frame table {
   margin: 0 auto;
}

@media all and (min-width:40em) {
   .stateStats.frame {
      display: inline-block;
      vertical-align: top;

      width: 48%;
      margin: 0 0.25em 1em;
   }
}

@media all and (min-width:70em) {
   .stateStats.frame {
      float: right;
      margin: 0 0 1em 1em;
      max-width: 30em;
      width: auto;
   }
}

.stateSymbols td {
   text-align: center;
}

img[src="logo.jpg"] {
   border: 1px solid gray;
   border-radius: 1em;
   box-shadow: 0 0.1em 0.2em 0.2em gray;
}

th {
   vertical-align: top;
}

.frame {
   text-align: center;
}

.frame h2 {
   text-align: center;
}

.frame table {
   margin: 1em 0;
   text-align: left;
}

.members, .cities {
   margin-bottom: 2em;
}

#content .members, #content .cities {
   display: flex;
   flex-wrap: wrap;
}

#content .members a:link, #content .cities a:link {
   padding: 0.5em 0.5em;
   font-weight: normal;
   text-decoration: none;
   width: 12em;
}