section {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 100px 0;
}
.bulle {
  max-width: 350px;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bulle h1 {
  font-size: 3em;
  text-transform: uppercase;
  font-weight: bolder;
  background-color: var(--vert);
  border-radius: 34px;
  padding: 50px 20px;
}
.bulle::after {
  content: '';
  border-style: solid;
  border-width: 0 60px 60px 60px;
  border-color: transparent transparent var(--vert) transparent;
  transform: rotate(180deg);
}
h2 {
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 1.8em;
  text-align: center;
  padding: 50px 10px 30px 10px;
}
@media only screen and (min-width: 1024px) {
  h2 {
    font-size: 46px;
  }
  .bulle {
    max-width: 500px;
  }
  .bulle h1 {
    font-size: 67px;
    padding: 50px 20px;
  }
  .bulle::after {
    border-width: 0 60px 60px 60px;
  }
}