.left-map-70-30{
    float:left; 
    width:75%; 
    overflow:hidden;
}

.right-map-70-30 {
    float: right; 
    width: 25%;
}

.state_result_box {
    width: 100%;
    border: 2px solid black;
    border-radius: 25px;
    height: auto;
}

.state_result_box_default_text {
    padding: 4px; 
    margin: 2px;
}

.stateHeader {
    /**background-color: #fed976;**/
    line-height: 35px;
    font-weight: bold;
    align-content: center;
    text-align: center;
    margin-top: 20px; 
}

.stateHeader.stateHeaderColor-1 {
  background-color: #4e4f72;
  color: #FFFFFF;
}

.stateHeader.stateHeaderColor-2 {
  background-color: #37353b;
  color: #FFFFFF;
}

.stateHeader.stateHeaderColor-3 {
    background-color: #e39b25;
}

.stateHeader.stateHeaderColor-4 {
    background-color: #a2dad8;
}

.stateHeader.stateHeaderColor-5 {
    background-color: #117bc0;
  color: #FFFFFF;
}

.stateHeader.stateHeaderColor-6 {
    background-color: #595a59;
  color: #FFFFFF;
}

.stateHeader.stateHeaderColor-7 {
  background-color: #1a325d;
  color: #FFFFFF;
}

.stateHeader.stateHeaderColor-8 {
  background-color: #3c4ca0;
  color: #FFFFFF;
}

.stateHeader.stateHeaderColor-9 {
    background-color: #fdb823;
}

.stateHeader.stateHeaderColor-10 {
    background-color: #b9b3ae;
}


.po_title{
    font-weight: bold;
}

.po_padding {
    padding-left: 10px;
}

img.region_map_legend, .legendHead, .legendLink {
    display: block; 
    margin-left: auto; 
    margin-right: auto;    
}

.legendHead {
    margin-top: -70px;
}

.legendLink {
    margin-top: 0;
    text-align: center;
}

#showMe {
    visibility: visible;
}


.optionGroup {
  font-weight:bold;
}
/*
.desktop-text {
  display: contents;
}
*/
/*********** Mobile **************/

@media screen and (max-width:650px){
    .left-map-70-30 {
        width:auto;
        float:none;
    }
    
    .right-map-70-30 {
        width:auto;
        float:none;
    }	
    .state_result_box {
        width: auto;
        border: 2px solid black;
        border-radius: 25px;
        height: auto;
    }
  
  #regionDropDown {
    width: 100%;
    height: 30px;
  }

  .view-region-button {
    margin: 5px;
    height: 30px;
  }
  
  #hideMap {
    display: none;
  }
  
  .desktop-text {
    display: none;
  }
}