#contact {
  min-height: 500px;
}
#contact h4 {
  margin-top: 0;
  padding-top: 1.14rem;
}
#contact-us-wrapper {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
}
#contact-us-wrapper p {
  font-size: 18px;
}
#contact-us-left,
#contact-us-right {
  padding: 20px;
  flex: 1 50%;
}
#contact-us-left .contact-orange,
#contact-us-right .contact-orange {
  color: #f26722;
  font-weight: bold;
}
#contact-us-left {
  background-color: #d2edf6;
  background-image: url('/img/contact/cloudL.png');
  background-position: center bottom;
  background-repeat: no-repeat;
}
#contact-us-left h2 {
  color: #f26722;
  font-weight: bold;
  font-style: italic;
  font-size: 28px;
}
#contact-us-left h1 {
  font-weight: bold;
  font-style: italic;
  font-size: 28px;
}
#contact-us-left #contact-logo {
  max-width: 100%;
}
#contact-us-left #contact-us-header {
  display: flex;
  flex-wrap: row wrap;
}
#contact-us-left #contact-us-header #contact-us-header-left {
  flex: 1 60%;
}
#contact-us-left #contact-us-header #contact-us-header-left a {
  outline: 0;
  border: 0;
}
#contact-us-left #contact-us-header #contact-us-header-right {
  flex: 1 40%;
  text-align: center;
  align-self: center;
  padding: 12px;
  font-size: 22px;
  font-weight: bold;
}
@media only screen and (max-width: 900px) {
  #contact-us-left #contact-us-header {
    display: block;
  }
  #contact-us-left #contact-us-header #contact-us-header-left {
    flex: 0;
  }
  #contact-us-left #contact-us-header #contact-us-header-right {
    flex: 0;
  }
}
#contact-us-left #contact-help {
  font-size: 22px;
  font-weight: bold;
}
#contact-us-right {
  background-color: #18a0db;
  color: white;
  background-image: url('/img/contact/cloudR.png');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
#contact-us-right h1 {
  text-align: center;
  font-size: 22px;
  margin-top: 0px;
}
#contact-us-right p {
  text-align: center;
  font-size: 17px;
  font-weight: lighter;
}
#contact-us-right p.invalid {
  color: orange;
  font-weight: bolder;
}
#contact-us-right form {
  max-width: 300px;
  margin: 0 auto;
}
#contact-us-right input {
  color: black;
  border-bottom: 1px solid white;
  width: 100%;
  border: none;
  outline: none;
  padding: 10px;
  background: white !important;
  height: 38px;
  margin-bottom: 0 !important;
}
#contact-us-right select {
  display: block !important;
  border-radius: 0px;
  -webkit-border-radius: none;
  outline: none;
  background: white;
}
#contact-us-right textarea {
  resize: vertical;
  background: white;
  padding: 10px;
  color: black;
  min-height: 120px;
  outline: none;
  border: none;
}
#contact-us-right button {
  border-radius: 5px;
  background: #0778bc;
  box-shadow: none;
  outline: none;
  border: none;
  padding: 10px 30px;
}
#contact-us-footer {
  flex: 2 100%;
  text-align: center;
  padding: 5px 30px;
}
#contact-us-footer .disclaimer {
  font-size: 10px;
  text-align: left;
}
#contact-us-footer .links {
  font-size: 12px;
}
#contact-us-footer .contact {
  font-size: 13px;
}
@media only screen and (max-width: 670px) {
  #contact-us-left {
    width: 100%;
    flex: initial;
  }
  #contact-us-right {
    width: 100%;
    flex: initial;
  }
}