map .modal-content{
    background: #fff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}
map .modal-title {
  font-weight: normal;
  font-size: 17px;
  width: 95%;
}
 map .modal-header {
   padding: 0;
   border-bottom: none;
 }
 map .modal-body {
   padding: 1rem 1rem 0;
 }
 map .modal-body p {
   font-size: 17px;
   margin-bottom: 0;
 }
 map .modal-footer {
   border-top: none;
   padding: 0 1rem 1rem;
 }


/*
 *{
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 } */
 .content{
     margin: 0 auto;
     padding: 40px;
 }
.box{
     background: #eee;
     height: 200px;
     margin-bottom: 100px;
 }
.modal{
     display: none;
     height: 100vh;
     position: fixed;
     top: 0;
     width: 100%;
 }
 a.js-modal-close {
   font-size: 24px;
   font-weight: 700;
   position: absolute;
   right: 1rem;
   top: 0px;
 }
.modal__bg{
     background: rgba(0,0,0,0.8);
     height: 100vh;
     position: absolute;
     width: 100%;
 }
 map .modal__content{
     background: #fff;
     left: 50%;
     padding: 20px;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 40%;
     border-radius: 0.3rem;
 }
map .modal__content p{
  margin: 0;
}
@media (max-width: 414px) {
  map .modal__content{
    width: 80%;
  }
}

.pb-10 {
  padding-bottom: 10px;
}