/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.info-window-content {
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    width: 300px;
    box-sizing: border-box;
}

#custom-map {
    position: relative;
    width: 900px;
    height: 600px;
    margin: 0 auto;
}

#custom-map img {
    width: 100%;
    height: 100%;
    display: block;
}

.map-pin {
    width: 32px;
    height: 32px;
    background: url('../images/location-marker.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    transform: translate(-50%, -100%);
}

#office-info {
    margin: 20px auto;
    max-width: 400px;
}