html {
    display: flex; align-items: center;
    height: 100%;
}

body {
    margin: 0;
}

.layout {
    position: relative;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    max-width: 780px; width: 100%; margin: 0 auto
}

.imgMap {
    display: block;
    width: 780px; height: auto;
}

@media only screen and (max-width: 680px) {
    .imgMap {
        width: 680px;
    }

    .layout {
        max-width: 680px;
    }
}

@media only screen and (max-width: 400px) {
    .imgMap {
        width: 400px;
    }

    .layout {
        max-width: 400px;
    }
}