/*------------------------------- end general init -----------------------------------*/
.orange {
  color: var(--primaire-orange);
}

.triptyque {
  height: auto;
  margin-bottom: 0rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  font-family: "MultipleSans Pro", arial;
  font-weight: 500;
  padding-bottom: 6rem;
  margin: 0rem auto 4rem;
  background-color: #f3f2f2;
  padding-left: 0px;
  padding-right: 0px;
}
.triptyque h2 {
  font-size: 3.3rem;
  color: #092141;
  font-family: "buffalo", arial;
  text-align: center;
  padding: 3rem 2rem 2rem 2rem;
  line-height: 0.8;
  margin-bottom: 1rem;
}
.triptyque .row {
  max-width: 2200px;
  margin: auto;
}
.triptyque img {
  width: 100%;
  height: auto;
}
.triptyque .triptyque-title2 {
  color: #092141;
  font-family: "buffalo", arial;
  font-size: 2.3rem;
  margin-bottom: 0.7rem;
  font-weight: 600;
}
.triptyque .triptyque-subtitle {
  font-size: 1.1rem;
}
.triptyque .row {
  max-width: 1000px;
}
.triptyque .col-triptyque {
  max-width: 400px;
  margin: auto;
  text-align: center;
}
.triptyque .col-triptyque-mobile .content {
  padding: 3rem;
  text-align: center;
}
.triptyque .triptyque2 {
  margin-top: -2rem;
}

.triptyque-mobile {
  display: none;
}

.triptyque-desktop {
  display: block;
  max-width: 1200px;
}

.box-button {
  margin-top: 3rem;
}

@media (max-width: 2000px) {
  .triptyque .row {
    max-width: 1600px;
  }
}
@media (max-width: 1300px) {
  .triptyque .triptyque-title2 {
    font-size: 1.8rem;
  }
  .triptyque .triptyque-subtitle {
    font-size: 1rem;
  }
}
@media (max-width: 990px) {
  .triptyque {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .triptyque .triptyque-title2 {
    font-size: 2.5rem;
  }
  .triptyque .triptyque-subtitle {
    font-size: 1.3rem;
  }
  .triptyque img {
    margin-bottom: 0px !important;
  }
  .triptyque .col-triptyque-mobile .content {
    padding-top: 1rem;
  }
  .triptyque-mobile {
    display: block;
  }
  .triptyque-desktop {
    display: none;
  }
}
@media (max-width: 578px) {
  .triptyque .triptyque-title2 {
    font-size: 2rem;
  }
  .triptyque .triptyque-subtitle {
    font-size: 1rem;
  }
  .triptyque h2 {
    font-size: 3rem;
  }
}
@media (max-width: 375px) {
  .triptyque h2 {
    font-size: 2.8rem;
  }
}

/*# sourceMappingURL=triptyque-offres.css.map */