@charset "UTF-8";

/*Переменные*/

/*Миксины*/

.about {
  position: relative;
  z-index: 1;
}

.no-webp .about::after{
  background: url("../img/pages/about.png") center center/cover no-repeat; }

.about::after {
  content: "";
  display: block;
  width: 542px;
  height: 346px;
  position: absolute;
  bottom: -60px;
  right: 118px;
  z-index: -1;
}

.about__item {
  padding: 20px;
  width: 25%;
}

.about__num {
  margin-bottom: 10px;
  font-size: 80px;
  line-height: 120%;
  font-family: "Oswald";
  font-weight: 300;
}

@media (max-width: 1260px) {
  .about::after {
    bottom: -40px;
    width: 474px;
    height: 302px;
    right: 0px;
  }

  .about__num {
    font-size: 60px;
  }
}

@media (max-width: 1010px) {
  .about__item {
    width: 50%;
  }
}

@media (max-width: 680px) {
  .about::after {
    bottom: -20px;
    width: 200px;
    height: 127px;
  }

  .about__item {
    padding: 10px;
  }

  .about__num {
    font-size: 40px;
  }
}

.webp .about::after{ background: url(../img/pages/about.webp) center center/cover no-repeat; }