.mapa {
    position: relative;
}

.mapa .section-title {
    position: absolute;
    top: 10%;
    left: 50%;
    background-color: black;
    transform: translate(-50%, -50%);
    color: white;
    padding: .5em 1em;
    font-size: 1em;
}

.frame-mapa {
    width: 100%;
    height: 50vh;
    overflow: hidden;
    box-sizing: border-box;
}

.frame-mapa iframe {
    width: 100%;
    height: calc(100% + 5em);
    margin-top: -5em;
}

@media screen and (min-width: 1000px) {
    .mapa .section-title {
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        padding: .5em 1em;
        border-radius: 1em;
        font-size: 1em;
    }

}