@media (max-width: 1000px) {
  /* line 8, app/assets/stylesheets/contact.scss */
  .contact-page div.flex-row {
    flex-direction: column;
  }
}

/* line 13, app/assets/stylesheets/contact.scss */
#map {
  height: 800px;
  margin-top: -120px;
  margin-right: -75px;
  width: 70%;
}

@media (max-width: 1000px) {
  /* line 13, app/assets/stylesheets/contact.scss */
  #map {
    width: calc(100% + 30px);
    margin: 0 -15px;
    height: 500px;
    margin-top: 25px;
    padding: 0 -15px;
  }
}

/* line 26, app/assets/stylesheets/contact.scss */
.contact-info {
  width: 30%;
}

/* line 27, app/assets/stylesheets/contact.scss */
.contact-info .contact_link:hover {
  color: rgba(255, 255, 255, 0.6);
}

/* line 30, app/assets/stylesheets/contact.scss */
.contact-info a {
  color: #fff;
}

/* line 33, app/assets/stylesheets/contact.scss */
.contact-info .info {
  color: white;
  background: #0d2345;
  padding: 40px 25px;
  max-width: 300px;
  margin: 50px 0;
}

/* line 34, app/assets/stylesheets/contact.scss */
.contact-info .info > div:nth-child(2) {
  padding: 0;
  margin: 30px 0;
  color: white;
}

/* line 35, app/assets/stylesheets/contact.scss */
.contact-info .info > div:nth-child(2) > div > div:nth-child(1) {
  margin-bottom: 15px;
}

/* line 42, app/assets/stylesheets/contact.scss */
.contact-info .info .flex-row {
  justify-content: flex-start;
}

/* line 45, app/assets/stylesheets/contact.scss */
.contact-info .info i.fas {
  margin-right: 20px;
}

/* line 48, app/assets/stylesheets/contact.scss */
.contact-info .info .link-to-social .fab {
  color: white;
  border-color: white;
  opacity: 0.65;
}

/* line 53, app/assets/stylesheets/contact.scss */
.contact-info .info .link-to-social .fab:hover {
  opacity: 1;
}

/* line 62, app/assets/stylesheets/contact.scss */
.contact-info .order-call {
  width: calc(calc(200% / 3) + 50px);
}

/* line 63, app/assets/stylesheets/contact.scss */
.contact-info .order-call input.form-input {
  -webkit-appearance: none;
  background: white;
  border: none;
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 30px;
  color: #0d2345;
  padding-left: 10px;
}

/* line 72, app/assets/stylesheets/contact.scss */
.contact-info .order-call input::placeholder {
  color: #0d2345;
}

/* line 75, app/assets/stylesheets/contact.scss */
.contact-info .order-call button {
  width: 190px;
  margin: 0 auto 50px;
}

@media (max-width: 1000px) {
  /* line 26, app/assets/stylesheets/contact.scss */
  .contact-info {
    width: 100%;
    padding-bottom: 0;
  }
  /* line 82, app/assets/stylesheets/contact.scss */
  .contact-info .order-call {
    width: 100%;
  }
  /* line 83, app/assets/stylesheets/contact.scss */
  .contact-info .order-call button {
    margin: 15px auto;
  }
  /* line 88, app/assets/stylesheets/contact.scss */
  .contact-info .info {
    padding: 25px;
    margin: 0;
    margin-bottom: 25px;
    width: calc(100% - 50px);
  }
  /* line 89, app/assets/stylesheets/contact.scss */
  .contact-info .info > div {
    flex-direction: row;
  }
}