.accMap {
    width: 100%;
    position: relative;
    top: -30px;
    margin-bottom: -30px;
    z-index: 2000;
}

.accMap svg {
    width: 100%;
    height: 650px;
    position: relative;
}

.accMap .icon {
    opacity: 0.9;
}

.accMap .boundary {
    fill: rgb(250,250,250);
    fill-opacity: 1;
    stroke: rgb(200,200,200);
}

.accMap .state-boundary {
    stroke: rgb(200,200,200);
    fill: none;
}

.accMap .bubble {
    fill:#FFFFFF;
    stroke:#A6A8AB;
    fill-opacity: 0.95;
    display: none;
}

.accMap .bubbleText {
    font-size: 12px;
    font-family: 'silkscreennormal', Arial, sans-serif;
    shape-rendering: crispEdges;
    display: none;
}

.accMap .stateName {
    font-size: 18px;
    fill: rgb(100,100,100);
    text-anchor: middle;
    display: none;
}

.accMap .marker {
    cursor: pointer;
}

.accMap .markerBack {
    fill: white;
    fill-opacity: 0.7;
    display: none;
    stroke: rgb(100,100,100);
    stroke-width: 4;
}

.accMap .status {
    fill: rgb(232,55,15);
}

.accMap .showBubble .markerBack {
    display: inherit;
}

.accMap .showBubble .bubble {
    display: inherit;
}

.accMap .showBubble .bubbleText {
    display: inherit;
}

.accMap .showBubble .stateName {
    display: inherit;
}

.accMap .showBubble .icon {
    opacity: 0.9;
}

@media screen and (max-width: 900px) {
    .accMap {
        width: 100%;
    }

    .accMap svg {
        height: 570px;
    }
}

@media screen and (max-width: 600px) {
    .accMap {
        width: 120%;
        left:-10%;
    }

    .accMap svg {
        height: 400px;
    }
}