.ban_pret {
  background-image: url("img/fond_ban-0ill9QW.webp");
  background-size: 100% auto;
  background-position: center;
  color: #fff;
  margin: 50px auto;
  padding: 1px 0;
  text-align: center;
  width: 1190px;

  .contenu_ban_pret {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    margin: 25px;
    padding: 25px 20px 30px;

    h2 {
      font-family: Lato-Black;
      color: #fff;
      font-size: 26px;
      font-weight: 400;
      line-height: 31px;
      margin: 0;
    }

    .col_ban {
      display: inline-block;
      font-family: Lato-Bold;
      font-size: 19px;
      margin: 0 30px;
      width: 385px;

      p {
        margin: 0;
        padding: 20px 0 15px;

        br {
          display: none;
        }
      }

      .cta {
        background-color: #fff;
        border-radius: 5px;
        color: #003da5;
        font-family: Lato-Regular;
        font-weight: 400;
        height: 50px;
        line-height: 45px;
        max-width: 300px;
        padding: 0 25px;
      }
    }
  }
}

@media (max-width: 1440px) {
  .ban_pret {
    margin: 50px 125px;
    width: auto;
  }
}

@media (max-width: 1139px) {
  .ban_pret {
    margin: 50px auto;
    width: 950px;

    .contenu_ban_pret {
      h2 {
        font-size: 21px;
        line-height: 27px;
      }

      .col_ban {
        font-size: 17px;
        margin: 0 10px;
        width: 335px;
      }
    }
  }
}

@media (max-width: 1050px) {
  .ban_pret {
    width: 80%;
  }
}

@media (max-width: 960px) {
  .ban_pret {
    margin: 0 auto 30px;
    background-size: auto 100%;

    .contenu_ban_pret {
      h2 {
        padding: 0 20px;
        margin: 0;
      }
    }
  }
}

@media (max-width: 700px) {
  .ban_pret {
    margin: 0 auto 25px;

    .contenu_ban_pret {
      .cta {
        font-size: 13px;
      }
    }
  }
}

@media (max-width: 580px) {
  .ban_pret {
    .contenu_ban_pret {
      h2 {
        font-size: 20px;
        line-height: 24px;
      }
      .col_ban {
        font-size: 15px;
        width: auto;

        p {
          br {
            display: block;
          }
        }
      }
    }
  }
}

@media (max-width: 470px) {
  .ban_pret {
    width: auto;
    margin: 0 25px 25px;
  }
}