body{
  font-family: "Helvetica Neue", sans-serif;
}

.lead{
  width:650px;
  margin:.5em auto;
  font-size: 1.125em;
  font-weight: 200;
  line-height: 1.25em;
}

#info{
  padding:.5em;
  text-align: center;
}

input[type=text]{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  width:275px;
}

#districtLists .district{
  background:#f1f1f1;
  padding:.75em 0 1em 0;
  margin:.5em 0;
  display: block;
  width:100%;
  text-align: center;
  vertical-align: top;
}

#districtLists .district:nth-child(2){
  border:none;
}

#districtLists .district label{
  width:100%;
  margin-bottom:1em;
  font-size: .75em;
  font-weight: 800;
  text-transform: uppercase;
}

.toggle{
  margin:2em .5em .5em .5em;
  border:none;
  text-decoration: underline;
  display:inline-block;
}

#metro-toggle{
  color:#E6A91A;
}

#senate-toggle{
  color:#C782E5;
}

#districtLists .district label:first-child{
  border-bottom:#000000 1px solid;
}

#submitAddress, #findLocation{
  display: inline-block;
}

#source{
  position: relative;
  font-style: italic;
  color:#666666;
  font-size: .75em;
  padding-top:1em;
  padding-bottom:3em;
}

.instruction{
  font-style: italic;
  font-size: .75em;
  padding-top:10px;
}

.row{
  margin-top:1em;
  margin-bottom:1em;
}

h4{
  text-align: center;
}

.Dem{
  color:#3A8DE5;
}

.Rep{
  color:#A20606;
}

.Ind, .Lib, .Write-In{
  color:#666666;
}

.candidate{
  font-size: 1.25em;
  font-weight: 800;
}

.party{
  font-size: 1em;
}


@media only screen and (min-width: 600px) {
  
  #districtLists .district label{
    width:100%;
    margin-bottom:1em;
    font-size: .75em;
    font-weight: 800;
    text-transform: uppercase;
  }

  #districtLists .district{
    background:none;
    display: inline-block;
    width:30%;
    text-align: center;
    vertical-align: top;
  }
  
  #districtLists .district:nth-child(2){
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    padding: inherit 5px;
    margin: inherit 5px;
  }
}