.national-solution-list {
  justify-content: center; }
  .national-solution-list .national-solution {
    margin: 1em;
    width: 20em;
    transition: transform 0.3s ease; }
    .national-solution-list .national-solution .card-body {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
  .national-solution-list .national-solution:hover {
    transform: scale(1.05); }

#map {
  height: 100vh;
  max-width: 100vw;
  margin: auto;
  background-color: transparent; }

.info-display {
  position: fixed;
  z-index: 1000;
  top: 50%;
  justify-content: center;
  display: grid;
  left: 50%;
  right: 50%; }
  .info-display .card {
    width: 90vw !important; }
    @media (min-width: 1000px) {
      .info-display .card {
        width: 600px !important; } }
    .info-display .card .card-close-btn {
      position: absolute;
      top: 0;
      right: 0;
      padding: 10px;
      cursor: pointer;
      font-size: 20px;
      color: #666;
      background-color: transparent;
      border: none;
      outline: none; }
    .info-display .card .info-display-arrows-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 85%;
      padding: 0;
      margin-left: 5%; }
      .info-display .card .info-display-arrows-container i {
        cursor: pointer; }

.leaflet-attribution {
  position: relative;
  font-size: 12px;
  text-align: right;
  right: 28vw;
  color: #666; }
  .leaflet-attribution a {
    text-decoration: none; }

/*# sourceMappingURL=carto.css.map */
