.pager-summary > ul > li {
  width: 25%;

  @media screen and (min-width: 560px) {
    width: 20%;
  }

  &.image > img {
    display: block;
    margin: auto;
  }
}


.alert-wrapper > .column {
  > h3 {
    margin-bottom: 0;
  }

  > figure {
    margin-top: 0;
  }
}

.pager-cities,
.pager-exposures {
  width: 100%;
}

.cities-mmi,
.exposure-mmi {
  width: 86px;

  > .mmi {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.15),rgba(255,255,255,0));
    border-radius: 2px;
    display: inline-block;
    padding: 2px 4px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    width: 100%;
  }
}

.cities-population,
.exposure-population {
  text-align: right;
}

.city-additional {
  display: none;

  .show-additional > tbody > & {
    display: table-row;
  }
}

.pager-disclaimer {
  display: block;
  font-size: 0.8em;
  margin: 0.5em 0;
}