.areaDiscForm{
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.topBar {
    background: #721000;
    background-image: linear-gradient(to top, #b10000, #721000 30%);
    border-top: 6px solid #000000;
    border-bottom: 6px solid #000000;
    height: 16%;
    max-height: 200px;
}
.comboBox{
  margin: 5px;
  width: 400px;
}
#results{
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body{
  margin:0;
}
#resultsTable td, #resultsTable th{
  padding:5px;
  border-collapse: collapse;
  border: 1px solid #999999;
}
#resultsTable{
  max-width:90%;
  min-width:50%;
  border-collapse: collapse;
  border: 1px solid #999999;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 991px) {
/* start of large tablet styles */
  .comboBox{
    height: 50px;
    width: 40%;
    padding: 10px;

  }
}

@media screen and (max-width: 767px) {
/* start of medium tablet styles */
  .comboBox{
    height: 50px;
    width: 90%;
    font-size: large
  }
}

@media screen and (max-width: 479px) {
/* start of phone styles */
  .comboBox{
    height: 50px;
    width: 90%;
    font-size: large
  }
}