/**********
STATS
**********/
.stats {
  width: 100%;
  background-image: url('../assets/img/2017@2x.png');
  background-position: center center;
  background-size: cover;
  padding: 15vh 10vw;
  color: #fff;
  position: relative;
  text-align: center;
}
.stats::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.stats__container {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 100;
  text-align: center;
}
.stats__title {
  font-size: 2.3em;
  font-weight: 700;
  margin-bottom: 5vh;
}
.stats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2vw;
  height: auto;
}
.stats__item {
  width: 100%;
}
.stats__item__number {
  color: #fff;
  font-weight: 700;
  font-size: 4.5em;
}
.stats__item__text {
  width: 100%;
  height: max-content;
  color: #d29723;
  font-weight: 500;
  font-size: 1.3em;
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  .stats__title {
    width: 80vw;
    margin: 0 auto;
    margin-bottom: 5vh;
  }
  .stats__grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4vw;
    row-gap: 4vh;
  }
}