body {
    background-image: url('../img/background/museum_doodles.jpg');
}

.badge-card
{
    border:none;
}

.badge-card .card-img-overlay {
    padding: 0;
}

/* 
  1. Use the same color as modal.
  2. Ensure that the sticky layer is above the modal content.
*/

/* Header fixed to the top of the modal */
.modal-header--sticky {
    position: sticky;
    top: 0;
    background-color: inherit; /* [1] */
    z-index: 1055; /* [2] */
}

/* Footer fixed to the bottom of the modal */
.modal-footer--sticky {
    position: sticky;
    bottom: 0;
    background-color: inherit; /* [1] */
    z-index: 1055; /* [2] */
}

/* Make sure the Google maps autocomplete is shown when inside a Bootstrap modal*/
.pac-container {
    z-index: 1060 !important;
}