.location{
    margin: 0 auto;
    width: 100%;
    height: 300px;
    padding: 0px 5px;
    display: flex;
    justify-content: center;
}
iframe{
    margin: 0 auto;
    width: 100%;
    height: auto;
    border: 2px solid black;
    display: block;
}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px){
    .location{
        max-width: 600px;
        height: 450px;
    }
    iframe{
        margin: 0 auto;
        width: 100%;
        height: auto;
        border: 2px solid black;
        display: block;
    }
}


/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px){
    .location{
        max-width: 700px;
        height: 500px;
    }
    iframe{
        margin: 0 auto;
        width: 100%;
        height: auto;
        border: 2px solid black;
        display: block;
    }
}