.contact {
  padding-top: 30px; }
  .contact .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px; }
    .contact .box .box-title {
      display: inline-block;
      font-family: 'UTMHelveBold';
      font-size: 26px;
      font-size: 1.73333rem;
      line-height: 100%;
      color: #444;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding: 25px 40px;
      padding-top: 30px;
      padding-right: 50px;
      margin-bottom: 30px; }
    .contact .box .box-content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }

#contact_content {
  margin-left: -15px;
  margin-right: -15px; }

#contact_form {
  width: 60%;
  float: left;
  padding: 15px; }
  #contact_form textarea {
    height: 120px; }

#contact_form .form_note {
  padding-bottom: 7px; }

#contact_form label.error {
  float: none;
  display: block;
  width: 100%;
  text-align: right; }

#contact_info {
  width: 40%;
  float: left;
  padding: 15px; }

#contact_info .contact_info {
  padding-bottom: 5px; }

#contact_info .contact_info p {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #5a5959;
  margin: 0px;
  padding: 5px 0px; }

#contact_map {
  clear: both;
  margin-left: 15px;
  margin-right: 15px; }

#map_canvas {
  height: 300px; }

#map_canvas a {
  background: none; }

@media (max-width: 991px) {
  #contact_map,
  #contact_form {
    width: 100%; }

  #contact_map {
    margin: 0; }

  #contact_info {
    width: 100%; } }
@media (max-width: 399px) {
  #contact_form label,
  #contact_form .input_text,
  #contact_form .textarea {
    width: 100%; } }