.forecast-map,
.forecast-map-metro {
    position: relative;
    border: solid black;
    border-width: 10px 0;
}

.forecast-map .map,
.forecast-map-metro .map {
    left: 0;
    top: 0;
    width: 100%;
}

.forecast-map .temp,
.forecast-map-metro .temp {
    position: absolute;
    left: 0;
    top: 0;
}

.metro-cities-forecast, .forecast-map span {
    font-size: 280% !important;
    color: white;
    text-shadow: #222 3px 1px 2px;
}

.metro-cities-forecast a {
    color: white;
}

.metro-cities-forecast a:hover {
    color: white;
}

/* THE FIRST IMAGE - NW CITIES FORECAST */


.forecast-map .temp.astoria {
    top: 31%;
    left: 13%;
}

.forecast-map .temp.newport {
    top: 55%;
    left: 13%;
}

.forecast-map .temp.north-bend {
    top: 74%;
    left: 12%;
}

.forecast-map .temp.seattle {
    top: 9%;
    left: 31%;
}

.forecast-map .temp.portland {
    top: 38%;
    left: 28%;
}

.forecast-map .temp.salem {
    top: 50%;
    left: 31%;
}

.forecast-map .temp.eugene {
    top: 65%;
    left: 25%;
}

.forecast-map .temp.medford {
    top: 88%;
    left: 31%;
}

.forecast-map .temp.yakima {
    top: 23%;
    left: 48%;
}

.forecast-map .temp.the-dalles {
    top: 41%;
    left: 47%;
}

.forecast-map .temp.madras {
    top: 63%;
    left: 40%;
}

.forecast-map .temp.spokane {
    top: 4%;
    left: 68%;
}

.forecast-map .temp.pullman {
    top: 21%;
    left: 72%;
}

.forecast-map .temp.pendleton {
    top: 38%;
    left: 61%;
}

.forecast-map .temp.baker-city {
    top: 50%;
    left: 69%;
}

.forecast-map .temp.burns {
    top: 70%;
    left: 59%;
}

/* THE SECOND IMAGE - Metro Cities Forecast */


/* do not change its with and height */
.metro-cities-forecast {
    position: relative;
    width: 100%;
    height: 1316px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/assets/images/img/portlandMetroForecastBlank2.jpg);
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 0;
    background-size: contain;
}

.forecast-map-metro .temp span {
    font-size: 230% !important;
}

.forecast-map-metro .temp.oregon-city {
    top: 50%;
    left: 61%;
}

.forecast-map-metro .temp.wilsonville {
    top: 64%;
    left: 29%;
}

.forecast-map-metro .temp.canby {
    top: 57%;
    left: 45%;
}

.forecast-map-metro .temp.woodburn {
    top: 79%;
    left: 34%;
}

.forecast-map-metro .temp.woodland {
    top: 7%;
    left: 33%;
}

.forecast-map-metro .temp.vancouver {
    top: 24%;
    left: 37%;
}

.forecast-map-metro .temp.battle-ground {
    top: 13%;
    left: 63%;
}

.forecast-map-metro .temp.vernonia {
    top: 6%;
    left: 2%;
}

.forecast-map-metro .temp.scappoose {
    top: 20%;
    left: 20%;
}

.forecast-map-metro .temp.camas {
    top: 29%;
    left: 76%;
}

.forecast-map-metro .temp.gresham {
    top: 39%;
    left: 78%;
}

.forecast-map-metro .temp.estacada {
    top: 67%;
    left: 85%;
}

.forecast-map-metro .temp.sandy {
    top: 55%;
    left: 87%;
}

.forecast-map-metro .temp.hillsboro {
    top: 32%;
    left: 13%;
}

.forecast-map-metro .temp.beaverton {
    top: 47%;
    left: 26%;
}

.forecast-map-metro .temp.mcminnville {
    top: 62%;
    left: 6%;
}

.forecast-map-metro .temp.portland {
    top: 33%;
    left: 39%;
}

.forecast-map-metro .temp.salem {
    top: 85%;
    left: 7%;
}