.grey_bloc_4_image_link {
  background: var(--lightgrey);
  padding: 50px 0;

  h2 {
    color: var(--marron) !important;
    margin-bottom: 35px;
  }

  .wp-block-columns {
    display: flex;
    flex-direction: column;

    .wp-block-column {
      width: 270px;
      margin: 0 auto 50px;
      text-align: center;

      h3 {
        font-size: 22px;
      }

      p {
        color: black;
      }

      .group_link {
        margin-top: 15px;

        .wp-block-group__inner-container {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: row;

          p {
            margin-right: 8px;
            color: var(--marron);
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 600px) {
  .grey_bloc_4_image_link {
    h2 {}

    .wp-block-columns {
      flex-direction: row;
      flex-wrap: wrap !important;
      justify-content: center;
      gap: 25px;

      .wp-block-column {
        position: relative;
        flex: 0 0 270px;
        margin: 0 0 50px;
        height: 404px;

        h3 {}

        p {}

        .group_link {
          position: absolute;
          bottom: 0px;
          left: 50%;
          transform: translateX(-50%);

          .wp-block-group__inner-container {
            p {}
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 1024px) {
  .grey_bloc_4_image_link {
    margin-top: 70px;

    h2 {}

    .wp-block-columns {
      width: 640px;
      margin: 0 auto;

      .wp-block-column {

        h3 {}

        p {}

        .group_link {
          .wp-block-group__inner-container {
            p {}
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 1280px) {
  body .center .region-content>#block-sepac-content>article>.node__content>.clearfix.text-formatted>.wp-block-group.grey_bloc_4_image_link:last-of-type {
    margin-bottom: 0 !important;
  }

  .grey_bloc_4_image_link {
    &:last-of-type {
      margin-bottom: 0 !important;
    }

    h2 {
      margin-bottom: 65px;
    }

    .wp-block-columns {
      gap: 40px;

      .wp-block-column {
        height: 490px;

        h3 {}

        p {}

        .group_link {
          .wp-block-group__inner-container {
            p {
              font-size: 18px !important;
            }
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 1366px) {
  .grey_bloc_4_image_link {
    h2 {}

    .wp-block-columns {
      width: 1291px;
      gap: 40px;

      .wp-block-column {
        height: 500px;

        h3 {}

        p {}

        .group_link {
          .wp-block-group__inner-container {
            p {
              font-size: 18px !important;
            }
          }
        }
      }
    }
  }
}