/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.cta-block {
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center; }
  .cta-block .one-half {
    display: -ms-flexbox;
    display: flex;
    padding: 30px 50px;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    border-style: none solid none none;
    border-width: 5px 8px 5px 5px;
    border-color: #dce7f0 #141630 #dce7f0 #dce7f0;
    background-color: transparent;
    text-align: center; }
    .cta-block .one-half:last-of-type {
      border-right-style: none; }
  .cta-block .cta-icon {
    margin-bottom: 5px;
    max-height: 80px; }

@media (max-width: 991px) {
  .cta-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

@media (max-width: 767px) {
  .cta-block .one-half {
    padding-bottom: 10px;
    border-right-style: none;
    border-bottom-style: solid;
    border-bottom-color: #141630; }
    .cta-block .one-half:last-of-type {
      padding-top: 40px;
      padding-bottom: 10px;
      border-bottom-style: none; } }

@media (max-width: 479px) {
  .cta-block {
    margin-right: 0px;
    margin-left: 0px; }
    .cta-block .one-half {
      padding-right: 20px;
      padding-left: 20px; } }