.getMaps-button-style {
  cursor: pointer;
  margin-top: 15px;
  white-space: normal;
}

.mapBox-style {
  margin: 0;
  padding: 0;
  border: 5px solid #b22d18;
}

.showMap_1-style {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.hidden-map-style {
  display: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}


    /* 1) Make only #quote-boxes a flex container */
    #quote-boxes {
    display: flex;
    flex-wrap: wrap;        /* to wrap on small screens */
    margin: 0 -8px;         /* compensate for individual 8px padding */
    }

    /* 2) Equal-width columns inside that container */
    #quote-boxes > .w3-third {
    flex: 1 1 0;
    padding: 0 8px;         /* your gutter */
    box-sizing: border-box;
    display: flex;          /* so child card can stretch */
    }

    /* 3) Stretch each card to fill its column */
    #quote-boxes .w3-card-4 {
    flex: 1;
    display: flex;
    flex-direction: column;
    }

    /* 4) Let the inner .w3-container grow to fill the card,
    but don’t auto-push text to the bottom */
    #quote-boxes .w3-card-4 .w3-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    }

    /* 5) Remove that “margin-top:auto” so paragraphs stay naturally placed */
    /* (if you added it previously, just delete or override it) */
    /* #quote-boxes .w3-card-4 .w3-container p:last-of-type {
    margin-top: auto;
    } */