.call-to-action .grid-column { position: relative; display: grid; padding-left: 7rem; padding-right: 7rem; min-height: 39rem; align-items: center; align-content: center; }

.call-to-action .grid-column.half { min-height: calc(50vh - 80px - 4rem); }

.call-to-action .grid-column.invert .overlay { background-color: rgba(0, 0, 0, 0.5); }

.call-to-action .grid-column.invert h2, .call-to-action .grid-column.invert h3, .call-to-action .grid-column.invert p { color: #FFF; }

.call-to-action .grid-column.grid-12 .content { width: 50%; }

.call-to-action .grid-column .column-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; }

.call-to-action .grid-column .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.5); z-index: -1; }

.call-to-action .grid-column h2 { font-size: 1.875rem; }

@media (min-width: 992px) and (max-width: 1199px) { .call-to-action .grid-column { padding-left: 5rem; padding-right: 5rem; padding-top: 3rem; padding-bottom: 3rem; min-height: 30rem; } }

@media (min-width: 768px) and (max-width: 991px) { .call-to-action .grid-column { padding-left: 5rem; padding-right: 5rem; padding-top: 3rem; padding-bottom: 3rem; min-height: 30rem; } }

@media (max-width: 767px) { .call-to-action .grid-column { padding-left: 2rem; padding-right: 2rem; padding-top: 2.5rem; padding-bottom: 2.5rem; min-height: 30rem; }
  .call-to-action .grid-column.grid-12 .content { width: 75%; } }

@media (max-width: 575px) { .call-to-action > .container { padding: 0; }
  .call-to-action .grid-column { min-height: 0; }
  .call-to-action .grid-column.grid-12 .content { width: 100%; } }