@media all and (max-width: 400px) {
    #headArea {
        margin-left: 0px; margin-right: 0px;
    }
}

@media all and (max-width: 600px) {
    #category_btn {
        font-size:19px;
    }
    
    #sub_category_btn {
        font-size: 21px;
    }      
}

@media all and (min-width: 600px) {
    #category_btn {
        font-size:26px;
    }
    
    #sub_category_btn {
        font-size: 28px;
    }   
    
}

@media all and (min-width: 400px) {
    #headArea {
        margin-left: 25px; margin-right: 25px;
    }
}


.dropdown {text-align:center; }
.button, .dropdown-menu {margin:0px auto;}

.dropdown-menu {width:300px; left:50%; margin-left:-150px;}
div,span,p,button { line-height:81%; font-family: Arial; }
body { min-width:350px; margin:0px; }
#header { max-width: 764px; width:100%; }
#race_text { font-family: "Arial Black", Arial; font-weight: 900; font-size:26px; color:#132B67; }
#race_date { font-size:12px; color:#132B67; padding-top:4px;}
#click_text { font-size:11px; color:#132B67; margin:2px;padding:0px;}

#race_list { margin-top: 0px;  max-width: 1000px;  }
#race_list #race_district { font-size: 28px; color:#132B67; }
#race_list #percent_box { background-size: 165px 24px; margin-left:10%; position:absolute; float:left; width:165px;height:24px; background-image: url('../images/percent_reporting_box.png'); background-repeat: no-repeat; }
#race_list #percent_text { font-size:12px; font-weight:bold; color:#000000; position:absolute; top: 14px; right:132px; }
#race_list #red_box { width:12px;height:10px; background-color:#e11414; position:absolute; top:14px; }
#race_list #headArea { display:inline-block; width:350px; height:115px; margin-bottom: 30px; color: #132B67; overflow:hidden; }
#race_list #headBox { width:115px;height: 115px; border:2px solid; position:absolute; }

#race_list #candidate_image { width:111px;height:111px;position:relative;  }

#race_list #candidate_name { text-transform: uppercase; position:relative; left:60px; top:5px; width: 220px; }
#race_list #candidate_name #first_name { margin:0px;padding-left:0px; padding-bottom:2px; padding-top:2px; }
#race_list #candidate_name #last_name { margin:0px; padding-bottom:3px; font-family: "Arial Black", Arial;  font-weight: 900; font-size: 16px; line-height: 16px; }
#race_list #candidate_name #party { padding-top:1px; font-weight:bold; text-transform: uppercase;  font-size: 12px; }

#race_list #candidate_votes { position:relative; left:121px; top:38px; }
#race_list #candidate_votes #text { font-size:10px; margin:0px;padding-bottom:3px; }

#race_list #candidate_perc_div { position:relative; }
#race_list #candidate_perc { margin-top: -5px; float:right; padding:3px; font-size:35px; color:#FFFFFF; }

#race_list #incumbent { width:auto; left:160px; padding:3px; position:absolute; font-size: 10px;font-style: italic; color:#FFFFFF; top:0px; }

#race_list #win_graphic { background-size: 119px 17px; margin-left:120px; margin-top:7px; position:absolute; width:242px;height:115px; background-image: url('../images/winner_gr.png'); background-repeat: no-repeat; }

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}