#whole_map{/* display: flex; *//* flex-direction: row; *//* max-width: 100%; *//* height: 800px; *//* justify-content: center; *//* align-items: center; *//* height: 100vh; */max-width: 900px;font-family: 'Source Sans Pro',"Lucida Sans","Trebuchet MS",Tahoma,Verdana,sans-serif;color: #006BB3;}

#container {

  margin: 0 auto;
  width: 100%;
  height: 600px;

}
#con {
  position: relative;
  margin-left: 0px;
  width: 100%;
  height: 550px;
}


#popUp {
  padding: 2%;
  font-family: 'Gotham A', 'Gotham B', Arial, Helvetica, sans-serif;
  position: absolute;
  left: 5%;
  top: 15%;
  display: none;
  background-color: rgba(250,250,250,0.95);
  font-size: 0.75 rem;
  /* color: #222; */
  font-weight: normal;
  box-sizing: border-box;
  border: 1px solid #d8d9da;
width:80%;
height:470px;
}
.mainnav{
 /* display: flex; */
 /* justify-content:flex-start; */
 /* display: inline; */
 /* width: 30%; */
 display: inline-block;
 /* position: absolute; */
 /* left: 3%; */
 /* top: 3%; */
 float: left;
 width: 30%;
}
.nav{
    list-style: none;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    /* font-size: 0.4rem; */
}
.nav>li{
  /* cursor:pointer; */
  border-bottom: #006ab2 dotted 1px;
  padding: 8px;
  /* background: rgba(255, 255, 255, 0.48); */
  /* margin: 4px; */
}
.mainnav a{text-decoration:none;color: #0069b3;font-size: 1rem;}

.mainnav a:hover{
  color:#698192;
}

#txt>h3{
  color: #006BB3;
  border-bottom: 1px solid #0069b3;
  font-size: 1.5rem;
  padding-bottom: 20px;
}
.average{
  color: #c1bebe;
  /* font-weight: bold; */
}
#txt{
  line-height: 190%;
  font-size: 0.9rem;
  color: #0069b3;
}
.closeButton {
    color: #0069b3;
    text-decoration: none;
    cursor: pointer;
    /* text-align: right; */
    /* width: 100%; */
    float: right;
    font-size: 1.2rem;
    /* margin-top: 0px; */
}
#whole_map>h1{
  
/* line-height: 20%; */
  
margin-left: 1rem;
  
text-align: left;
}
#whole_map>h2{
  
margin-left: 1rem;
  
font-weight: 300;
  
font-size: 1.2rem;
}