.cta_cards {
     display: flex;
     flex-wrap: wrap;
     width: calc(100% + var(--gutter));
     position: relative;
     right: calc(var(--gutter) / 2);
 }
.cta_cards>div {
/*    width:calc(33.3333% - (var(--gutter) * 0.66666));
    width: calc(((100% - var(--gutter)) / 3) - (var(--gutter) * (2 / 3)));*/
    width:var(--cards_third);
    border-radius: var(--radius); overflow: hidden;
    /*margin-bottom: var(--gutter);*/

    margin: 0 calc(var(--gutter) / 2) var(--gutter);

    background: white; color: var(--black); padding: 40px;
}
 .cta_cards>div:not(.double){display: flex; flex-direction: column;  }

 .cta_cards>div.double {
     /*width: calc(((100% - var(--gutter)) * (2 / 3)) - (var(--gutter) * (2 / 3)));*/
     width:var(--cards_twothirds);
     padding-bottom:calc(40px - var(--gutter)); }


 .cta_cards>div.double h2 { width: 100%; }


 .cta_cards div p:not(.cta) { font-size:20px; margin-bottom: 1em; line-height: 130%; }



/* @media all and (min-width: 600px) and (max-width: 899px) {*/
 @media all and (min-width: 600px) and (max-width: 899px) {
     /*.cta_cards > div:not(:nth-child(2n+2)) {*/

 }


/* @media all and (min-width: 900px) {*/
 @media all and (min-width: 1024px) {
     /*.cta_cards > div:not(:nth-child(3n+3)) {*/
     .cta_cards > div   {
         /*margin-right: var(--gutter);*/
     }
     .cta_cards>div.double { display: flex; flex-wrap: wrap; /*flex-direction: row;*/ flex-direction: column }


     .cta_cards>div.double>div { display: flex; flex:1; }

     .home_news .cta_cards>div.double {   flex-wrap: nowrap; flex-direction: column !important;   }
     .cta_cards>div.double div.subcard {  width:var(--grid-half);  }
     .cta_cards>div.double div.subcard:not(:nth-of-type(2n+2)) {  margin-right: var(--gutter);  }

 }
/*@media all and (max-width: 899px) {*/
@media all and (max-width: 1023px) {
    /*.cta_cards { width:100%; }*/

    .cta_cards > div   { /*margin-right: var(--gutter);*/ width:var(--cards_half); }

    .cta_cards div p:not(.cta) { font-size:19px;   }

    .cta_cards>div.double { width: var(--grid-half); }
}

@media all and (max-width: 599px) {

    .cta_cards>div.double,
    .cta_cards>div { width: 100%; margin-right: 0 !important;  padding: 24px; }
    .cta_cards>div.double { padding-bottom:calc(24px - var(--gutter)); }
}