@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .center {
        position: absolute;
        top: 120%;
        left: 50%;
        max-width: 391px;

        transform: translatex(-50%) translatey(-50%);
        background-color: #fff;
        padding: 16px;
        border-radius: 4px;
        box-shadow: 0px 6px 16px rgba(25, 181, 245, 0.27);
    }


    #map {
    width: 400px;
    height: 260px;
}

}


/* Ordenadores de sobremesa y portátiles */
@media only screen and (min-width : 1224px) {


    .center {
        position: absolute;
        top: 90%;
        left: 50%;
        max-width: 500px;
        transform: translatex(-50%) translatey(-50%);
        background-color: #fff;
        padding: 16px;
        border-radius: 4px;
        box-shadow: 0px 6px 16px rgba(25, 181, 245, 0.27);
    }


    #map {
    width: 900px;
    height: 350px;
}

}