.two-col-cta {
  position: relative;
}
.two-col-cta .ctas {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.two-col-cta .cta {
  padding: 120px;
}
.two-col-cta .cta:first-child {
  padding-left: 0;
}
.two-col-cta .cta:last-child {
  padding-right: 0;
}
.two-col-cta.cta h2, .two-col-cta.cta p {
  color: #FFF;
}
.two-col-cta .cta.theme-yellow {
  background-color: #F9A41A;
  color: #FFF;
}
.two-col-cta .cta.theme-yellow button {
  background-color: #FFF;
  color: var(--tertiary-color);
  border: 1px solid #FFF;
}
.two-col-cta .cta.theme-white {
  background-color: #F5F3F2;
}
.two-col-cta .cta.theme-orange {
  background-color: #F47E1F;
  color: #FFF;
}
.two-col-cta .cta.theme-orange  button {
  background-color: #FFF;
  color: var(--tertiary-color);
  border: 1px solid #FFF;
}
.two-col-cta .bg {
  position: absolute;
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
  width: 100%;
}
.two-col-cta .cta .content {
  text-align: left;
  max-width: 100%;
}
.two-col-cta .cta .content p {
  max-width: 90%;
  margin-bottom: 40px;
}
.two-col-cta .cta .content .button {
  margin: 0 !important;
}
.two-col-cta.content {
  max-width: 520px;
  margin: 0 auto;
  padding: 0 30px;
}
.two-col-cta h2 {
    font-size: 48px;
}

@media only screen and (max-width: 768px) {
  .two-col-cta .ctas {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }
  .two-col-cta .bg {
    display: none;
  }
  .two-col-cta .cta,
  .two-col-cta .cta:first-child {
    padding: 30px;
  }
  .two-col-cta .cta:last-child {
    margin-bottom: 30px;
  }
}