.mapa .camada1 .camada2,
.mapa .camada1 .camada2 .embed-responsive {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mapa {

}

    .mapa .camada1 {
          border-radius: 50%;
          width: 290px;
          height: 290px;
          margin: 0 auto;
          position: relative;
    }

    .mapa .camada1 .camada2 {
        border-radius: 50%;
        width: 250px;
        height: 250px;
        position: absolute;
    }

        .mapa .camada1 .camada2 .embed-responsive {
            border-radius: 50%;
            width: 210px;
            height: 210px;
            position: absolute;
        }


@media (min-width: 576px) {

    .mapa .camada1 {
        width: 300px;
        height: 300px;
    }

        .mapa .camada1 .camada2 {
            width: 250px;
            height: 250px;
        }

            .mapa .camada1 .camada2 .embed-responsive {
                width: 200px;
                height: 200px;
            }
}


@media (min-width: 1200px) {

    .mapa .camada1 {
        width: 380px;
        height: 380px;
    }

        .mapa .camada1 .camada2 {
            width: 320px;
            height: 320px;
        }

            .mapa .camada1 .camada2 .embed-responsive {
                width: 250px;
                height: 250px;
            }
}

@media (min-width: 1600px) {

    .mapa .camada1 {
        width: 400px;
        height: 400px;
    }

    .mapa .camada1 .camada2 {
        width: 300px;
        height: 300px;
    }

    .mapa .camada1 .camada2 .embed-responsive {
        width: 300px;
        height: 300px;
    }

}

.mapa-lay1--bg { background-color: #D2ACD0 }
.mapa-lay2--bg { background-color: rgba(176, 166, 203, 0.2); }