.decor-cta-section {
  padding-top: calc(100vw/2);
  padding-bottom: 40px;
  background: url(../../images/bottom-w.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  position: relative; }
  @media (min-width: 768px) {
    .decor-cta-section {
      padding: 110px 0 113px;
      background-size: cover; } }
  .decor-cta-section .container {
    max-width: 1280px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    @media (min-width: 768px) {
      .decor-cta-section .container {
        position: relative; } }
    .decor-cta-section .container:before {
      position: absolute;
      top: 0;
      bottom: 42%;
      z-index: 0;
      left: 42px;
      right: 42px;
      background: url(../../images/decor-green2.svg);
      background-repeat: no-repeat;
      background-position: 50% 0;
      content: ""; }
      @media (min-width: 768px) {
        .decor-cta-section .container:before {
          height: auto;
          bottom: -40px;
          top: -80px;
          right: auto;
          max-width: 650px;
          width: 44%;
          background-position: 50%; } }
      @media (min-width: 1024px) {
        .decor-cta-section .container:before {
          bottom: -130px;
          top: -158px; } }
  .decor-cta-section:after {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #5c9cb0;
    z-index: -1; }
    @media (min-width: 768px) {
      .decor-cta-section:after {
        display: none; } }
  .decor-cta-section .over-block {
    width: 100%;
    padding: 0 20px;
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) {
      .decor-cta-section .over-block {
        width: 50%;
        padding-left: 0; } }
  .decor-cta-section h2 {
    font: 700 23px/1 "Barlow", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    color: #fff;
    letter-spacing: 2.35px;
    margin: 0 0 24px;
    text-transform: uppercase; }
  .decor-cta-section .field--type-text-with-summary {
    font: 400 20px/1.4 "Barlow", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    margin: 0 0 10px;
    color: #fff; }
    @media (min-width: 1024px) {
      .decor-cta-section .field--type-text-with-summary {
        font-size: 23px;
        max-width: 80%; } }