.section-outils {
    margin-bottom: 40px;
  }
  .section-outils .featured-title{
    font-size: 36px;
    line-height: 50px;
  }
  .section-outils .group-outils {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .section-outils .outil {
    flex: 0 1 100%;
    display: flex;
    margin-bottom: 15px;
  }
  @media (min-width: 672px) {
    .section-outils .outil {
      flex-basis: 49%;
    }
  }
  @media (min-width: 960px) {
    .section-outils .group-outils {
      justify-content: initial;
    }
    .section-outils .outil {
      /* flex-basis: 32%; */
      margin-right: 2%;
    }
    .section-outils .outil:last-child {
      margin-right: 0;
    }
  }
  .section-outils .outil .left{
    width: 50%;
    background-color: #3887C8;
  }
  .section-outils .outil .left h2,
  .section-outils .outil .left a {
    margin-top: 10px;
    margin-left: 10px;
  }
  .section-outils .outil .left h2{
    color: #FFFFFF;
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase;
    margin-right: 10px;
    word-break: break-word;
  }
  @media (min-width: 1260px) {
    .section-outils .outil .left h2{
      font-size: 34px;
      line-height: 50px;
    }
  }
  .section-outils .outil .left .secondary-btn{
    margin-bottom: 15px;
  }
  .section-outils .outil .right{
    width: 50%;
    min-height: 198px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }
  @media (max-width: 480px){
    .section-outils .outil .left{
      width: 100%;
      padding-bottom: 20px;
    }
    .section-outils .outil .right{
      width: 100%;
    }
  }