.wrapper {
  border-top:  none !important;
}

.header#hd {
  background: url("https://www.cerealsgrains.org/meetings/PublishingImages/2025ConferenceBanner.png") no-repeat center;
  border-bottom: solid 12px #a9c23f;
  height: 220px !important;
  background-size: 57%;
}

.header-top-container img {
  display:  none;
}

div.titleBar {
  background-color: #05868e;
}

div.col-primary {
  margin-top:  3%;
}

div.functions div.header,
div.functions div.header div.key,
div.checkOutContent div.section label.header,

div.popup > div.titleBar,
div.dialog > div.titleBar {
    background-color: #05868e;
    color: white;
}

 div.functions div.header div.key {
   background-color:#a9c23f !important;
 }

div.createContact.dialog .content {
  max-height: unset;
  overflow-x:hidden;
}

.btn, input[type="button"], input[type="reset"], input[type='submit']{
    background-color: #05868e !important;
    color: #fff !important;
}

.btn:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type='submit']:hover {
  background-color: #80c1c5 !important;
  color:  #fff !important;
}

#ctl00_TemplateBody_registrantsDisplay_dlRegistrants {
  margin: 5px 0px 10px 30px;
}

.registrantsDisplay {
  margin-top: 10px;
}

.creditCard {
  margin-top:  2%;
}

.paymentHeader p {
  padding-top:  1%;
}

@media only screen and (max-width: 1600px) {

  .header#hd {
      height: 200px !important;
  }

}


@media only screen and (max-width: 1200px) {

  .header#hd {
      height: 150px !important;
  }

}


@media only screen and (max-width: 900px) {

  .header#hd {
      height: 200px !important;
  }

  div.col-primary {
    margin-top:  0;
  }

}


@media only screen and (max-width: 700px) {

  .header#hd {
      height: 150px !important;
  }

}


@media only screen and (max-width: 500px) {

  .createContact .field .label {
      width: 113px !important;
  }

  .header#hd {
    height: 100px !important;
    background-size: 100%;
  }

  div.billTo .label {
    width: 85px !important;
  }

  .creditCard .field .label {
    width: 85px !important;
  }

}
