.calltoaction {
  background: var(--font);
  color: var(--main);
  padding: 5rem 0;
  margin-bottom: 0;
}

.left-content,
.right-content {
  margin: 2rem 0;
}

.left-content {
  padding-bottom: 3rem;
}

.calltoaction a.btn {
  color: var(--main);
  border: 1px solid var(--main);
}

.calltoaction a.btn:hover {
  border: 1px solid #58748E;
}

.calltoaction .btn-container {
  margin-top: 4rem;
}

/* Width in PX > 768px */
/* ==== = MEDIUM = ==== */
@media only screen and (min-width: 48em) {
  .calltoaction:before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 8rem);
    top: 4rem;
    left: 50%;
    background: #58748E;
  }

  .right-content {
    padding-left: 5rem;
  }
  
  .left-content {
    padding-right: 5rem;
    padding-bottom: 0;
  }
}

/* Editor Appearance */
.acf-block-preview {
}