@media only screen and (max-width: 639.999px) {
  .component.contact-form .sidebar {
    margin-top: 48px;
  }
}
@media only screen and (min-width:640px) and (max-width: 1023.999px) {
  .component.contact-form .sidebar {
    margin-top: 64px;
  }
}
@media only screen and (min-width: 0px) {
  .component.contact-form h2,
  .component.contact-form h3 {
    margin-bottom: 16px;
  }
  .component.contact-form h3 {
    font-size: 22px;
    line-height: 28px;
  }
  .component.contact-form h4 {
    font-size: 18px;
  }
  .component.contact-form .main-panel .form-container {
    margin: 48px 0 24px;
  }
  .component.contact-form .form-container form input:not([type="submit"]),
  .component.contact-form .form-container form textarea {
    background: #f0f0f0;
    border: none;
  }
  .component.contact-form .form-container form label {
    font-size: 12px;
    line-height: 12px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    margin: 32px 0 8px;
  }
  .component.contact-form .form-container form label.form-required:after {
    content: '*';
  }
  .component.contact-form .form-disclaimer {
    border: 1px solid #000;
    padding: 16px 24px;
  }
  .component.contact-form .form-disclaimer p,
  .component.contact-form .form-disclaimer p a {
    font-style: italic;
    font-size: 13px;
    line-height: 20px;
  }
  .component.contact-form .sidebar .section:not(.contact) {
    padding-bottom: 32px;
    margin-bottom: 48px;
    border-bottom: 1px solid #979797;
  }
  .component.contact-form .sidebar .section:last-of-type {
    border-bottom: none;
  }
  .component.contact-form .sidebar .section.contact p {
    margin-bottom: 0;
  }
  .component.contact-form .sidebar .section.contact ul {
    margin-top: 32px;
    margin-left: 0;
    list-style-type: none;
  }
  /*does this rule do anything?*/
  .component.contact-form .sidebar .section.contact ul li > a > i {
    margin-right: 8px;
  }
  .component.contact-form .media li {
    padding-bottom: 4px;
  }
  .component.contact-form .media .fax a:hover {
    cursor: default;
  }
  .component.contact-form .media span {
    padding-left: 4px;
  }
  /*horizontal padding overrides for Disclaimer at the bottom of Contact Form component*/
  .component.contact-form .disclaimer-text .interior,
  .component.contact-form .disclaimer-text .grid-container {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 640px) {
  .component.contact-form h3 {
    font-size: 28px;
    line-height: 35px;
  }
}