#contact-body {
  padding: 6rem;
  background: var(--uulblue);
}

#contact-body .sidebar-side {
  position: relative;
  padding: 0;
  width: 450px;
}

#contact-body #location-sidebar {
  margin-top: -16rem;
}

#contact-body .form-side {
  padding-left: 0;
  padding-right: 6rem;
  width: calc(100% - 450px);
}

/* Youth Development, Main */
.page-id-355 #contact-body .form-side,
.page-id-33053 #contact-body .form-side,
.page-id-901 #contact-body .form-side {
  width: 100%;
  padding-right: 0;
}

@media (max-width: 1200px) {
  #contact-body {
    padding: 2rem 3rem;
  }
  #contact-body .form-side {
    padding-right: 2rem;
  }
}

@media (max-width: 992px) {
  .page-id-355 #contact-body .form-side,
  .page-id-33053 #contact-body .form-side {
    padding-right: 3rem;
  }
  #contact-body #location-sidebar {
    position: relative;
    top: unset;
    margin-top: 0;
    border-radius: 0 10px 10px 0;
    border: 2px solid var(--search-border);
    border-left: none;
  }
  #contact-body .gfield {
    width: 100%;
    grid-column: span 12;
  }
  #contact-body .row {
    flex-direction: column;
    margin: 0;
  }
  #contact-body {
    padding: 2rem 0;
  }
  #contact-body .form-side {
    padding: 0 3rem;
  }
  #contact-body .sidebar-side,
  #contact-body .form-side {
    width: 100%;
    padding: 0 3rem;
  }
  #contact-body .sidebar-side {
    background: white;
    padding: 2rem;
    padding-left: 0;
  }
}