.two-column-text { width: 100%; background: #fff; }
.two-column-text h2, h1 { text-transform: uppercase; }
.two-column-text__inner { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 2rem 7rem; }
.two-column-text__title { flex: 1 1 420px; min-width: 300px; margin: 0; color: var(--navy); font-weight: 700; line-height: 1.15; }
.two-column-text__copy { flex: 1 1 480px; min-width: 300px; margin: 0; color: var(--ink); text-wrap: pretty; }
.two-column-text__copy, .two-column-text__copy p { font-size: 1.75rem; font-weight: 500; line-height: 1.5; }
.two-column-text__copy .field, .two-column-text__copy .field__item { margin: 0; }
.two-column-text__copy p:first-child { margin-top: 0; }
.two-column-text__copy p:last-child { margin-bottom: 0; }
.two-column-text__copy .button-green{
  background-color: var(--green);
  color: #fff;
  padding: 0.85em 1em;
  font-size: var(--p);
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  transition: background-color 0.25s ease-in-out;
}
.two-column-text__copy .button-green:hover{
  background-color: var(--navy);
}
.two-column-text__copy .button-green a{
  color: #fff;
  text-decoration: none;
  transition: color 0.25s ease-in-out;
}


@media screen and (max-width: 991px) {
  .two-column-text__inner { gap: 2rem; padding: 3rem 2rem; }
  .two-column-text__title, .two-column-text__copy { flex: 1 1 100%; min-width: 0; }
  .two-column-text__copy, .two-column-text__copy p { font-size: 1.2rem; }
}
@media screen and (max-width: 767px) {
  .two-column-text__inner { display: block; padding: 3rem 1.5rem; }
  .two-column-text__title { margin-bottom: 1.5rem; }
  .two-column-text__copy { width: 100%; min-width: 0; }
}