@media (max-width : 1199px) {

  .contact-form__right {
    padding         : 1.5em 20px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    flex-direction  : column;
  }

  .contact-form__right .form-footer {
    display         : flex;
    justify-content : center;
  }

  .contact-form__left {
    padding-bottom : 20px;
  }

  .contact-form__right .form-group {
    width : 100%;
  }
}


@media (min-width : 768px) {
  .contact-form__right {
    display               : grid;
    grid-template-columns : 1fr 1fr;
    align-items           : stretch;
    padding               : 60px 70px;
    grid-gap              : 8px;
  }
}

@media (min-width : 1200px) {

  /*
  --------------------------------------
  Form -- body
  --------------------------------------
  */
  .form-fields {
    display         : flex;
    justify-content : center;
  }

  .contact-form__form {
    display               : grid;
    grid-template-columns : 360px 1fr;
    gap                   : 40px;
    max-width             : 1200px;
  }

  .contact-form__left {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
  }
}