.mappa-titolo {
  max-width: 1450px;
  margin: 0 auto;
  font-family: 'Inter', sans-serif; 
padding: 0px 50px;
}

h3.mappa-titolo {
    font-family: Inter, sans-serif;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    margin-block-end: 0px !important;
    margin-block-start: 0px !important;
    color: black;
    text-align: center;
}

.mappa-container {
  display: flex;
  justify-content: center;  /* centra orizzontalmente */
  width: 100%;
  padding: 10px 50px;
}

.mappa-container iframe {
  display: block;
  width: 100%;
  max-width: 1350px;
  height: 450px;
  border: 0;
  border-radius: 10px;
  padding-bottom: 60px;
}

.mappe_divider-line-final {
   margin-top: 60px;
width: 90%;
    max-width: 1400px;
    height: 1px;
    background: #969696;
    margin-top: 60px;
    margin: 0 auto;
}

@media (max-width: 409px) {
    .mappa-titolo,
    .mappa-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 410px) and (max-width: 699px) {
     .mappa-titolo,
    .mappa-container {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 10px;
        padding-bottom: 0px;
    }
}

@media (min-width: 700px) and (max-width: 870px) {
     .mappa-titolo,
    .mappa-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 369px) {
    h3.mappa-titolo {
        font-size: 22px;
        line-height: 28px;
    }
}

@media (min-width: 370px) and (max-width: 820px) {
    h3.mappa-titolo {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (min-width: 821px) and (max-width: 943px) {
    h3.mappa-titolo {
        font-size: 27px;
        line-height: 33px;
    }
}

@media (min-width: 944px) and (max-width: 1066px) {
    h3.mappa-titolo {
        font-size: 28px;
        line-height: 34px;
    }
}

@media (min-width: 1067px) and (max-width: 1080px) {
    h3.mappa-titolo {
        font-size: 29px;
        line-height: 35px;
    }
}