.contact .content_container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 100px; }
  .contact .content_container form {
    max-width: 700px !important;
    margin: 0; }
  .contact .content_container .content p {
    margin-bottom: 50px; }

.contact hr {
  border: 0;
  height: 2px;
  background-color: #28328C;
  margin: 20px 0; }

.contact input, .contact textarea {
  color: #fff;
  background-color: #E0F4F4;
  letter-spacing: 0.07em !important;
  border: 0;
  border-bottom: 1px solid #fff;
  width: 100% !important;
  padding: 8px 0 !important; }
  .contact input::placeholder, .contact textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A5A5A5;
    opacity: 1;
    /* Firefox */ }
  .contact input:-ms-input-placeholder, .contact textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #A5A5A5; }
  .contact input::-ms-input-placeholder, .contact textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #A5A5A5; }

.contact textarea {
  background-color: #E0F4F4;
  border: 0;
  padding: 20px !important; }

.contact .gform_button {
  margin: 0 !important; }

.contact .details a {
  color: #ffffff; }
  .contact .details a:hover {
    color: #28328C;
    color: #ffffff; }

.contact .social {
  padding-top: 40px; }
  .contact .social .icon {
    display: inline-block;
    vertical-align: center;
    padding-right: 34px; }
    .contact .social .icon:last-child {
      padding-right: 0; }

.contact .gform_wrapper div.validation_error {
  border-color: #B5E091;
  color: #B5E091;
  margin: 50px 0 0; }

.contact .gform_wrapper .validation_message {
  color: #B5E091;
  padding: 7px 0; }

.contact .gform_wrapper li.gfield.gfield_error {
  background-color: transparent;
  border: 0; }

.contact .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .contact .gform_wrapper li.gfield_error textarea {
  border: 0;
  border-bottom: 1px solid #fff; }

@media only screen and (max-width: 1140px) {
  .contact .content_container {
    grid-column-gap: 30px; }
  .contact h2 {
    font-size: 30px; } }

@media only screen and (max-width: 767px) {
  .contact .content_container {
    grid-template-columns: 1fr; }
  .contact .details {
    padding-top: 40px; } }