@font-face {
  font-family: 'Hackney';
  src: url('/wp-content/themes/yatatheme/fonts/Hackney.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Limejuice';
  src: url('/wp-content/themes/yatatheme/fonts/Limejuice.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('/wp-content/themes/yatatheme/fonts/SourceSansPro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
.section-compteur .forme {
  display: block;
  position: relative;
  overflow: hidden;
}
.section-compteur .forme.top {
  width: 100%;
  height: 7.3vw;
}
.section-compteur .forme.top svg {
  position: absolute;
  width: 100%;
  height: 7.3vw;
  bottom: -1px;
  left: 0;
}
.section-compteur .forme.bottom {
  width: 100%;
  height: 4.6vw;
}
.section-compteur .forme.bottom svg {
  position: absolute;
  width: 100%;
  height: 4.6vw;
  top: -1px;
  left: 0;
}
.section-compteur .inner {
  background-color: #113751;
  padding: 20px 0;
}
.section-compteur .inner h2 {
  text-align: center;
  color: #ffffff;
  margin-bottom: 40px;
}
.section-compteur .compteurs {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  grid-gap: 3vw;
  margin: 0 3vw;
}
.section-compteur .compteurs .colonne .nombreetunite {
  text-align: center;
}
.section-compteur .compteurs .colonne .nombreetunite span.nombre {
  color: #E62332;
  font-size: 10rem;
  line-height: 1;
  font-weight: 300;
  transition: all 0.5s ease-in;
  color: #ffffff;
}
.section-compteur .compteurs .colonne .nombreetunite span.unite {
  font-size: 5.4rem;
  font-weight: 300;
  color: #ffffff;
}
.section-compteur .compteurs .colonne .intitule {
  font-weight: 300;
  font-size: 2.8rem;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
  margin-top: 5px;
}
.section-compteur .compteurs .colonne.icone {
  text-align: center;
}
.section-compteur .compteurs .colonne.icone i {
  color: #ffffff;
  font-size: 20rem;
}
@media (max-width: 1599px) {
  .section-compteur .compteurs .colonne .nombreetunite span.nombre {
    font-size: 8rem;
  }
  .section-compteur .compteurs .colonne .intitule {
    font-size: 2.4rem;
  }
  .section-compteur .compteurs .colonne.icone i {
    font-size: 15rem;
  }
}
@media (max-width: 1199px) {
  .section-compteur .compteurs {
    grid-gap: 2vw;
    margin: 0 2vw;
  }
  .section-compteur .compteurs .colonne .nombreetunite span.nombre {
    font-size: 5rem;
  }
  .section-compteur .compteurs .colonne .intitule {
    font-size: 1.8rem;
  }
  .section-compteur .compteurs .colonne.icone i {
    font-size: 10rem;
  }
  .section-compteur .compteurs .colonne .nombreetunite span.unite {
    font-size: 3.4rem;
  }
}
@media (max-width: 767px) {
  .section-compteur .inner h2 {
    margin-bottom: 20px;
  }
  .section-compteur .compteurs .colonne.icone {
    display: none;
  }
  .section-compteur .compteurs {
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width: 575px) {
  .section-compteur .compteurs .colonne .nombreetunite span.nombre {
    font-size: 4rem;
  }
  .section-compteur .compteurs .colonne .intitule {
    font-size: 1.7rem;
  }
}