section.intro {
  background: white;
  padding-top: 30px;
  height: 363px;
}
@media (max-width: 1620px) {
  section.intro {
    padding-top: 20px;
    height: 350px;
  }
}
@media (max-width: 1400px) {
  section.intro {
    height: 310px;
  }
}
@media (max-width: 960px) {
  section.intro {
    height: 294px;
    padding-top: 34px;
  }
}
@media (max-width: 640px) {
  section.intro {
    height: 350px;
    padding-top: 15px;
  }
}
section.intro div.container {
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-line-pack: start;
      align-content: start;
  grid-gap: 67px;
  z-index: 1;
}
@media (max-width: 960px) {
  section.intro div.container {
    grid-gap: 30px;
  }
}
@media (max-width: 640px) {
  section.intro div.container {
    grid-gap: 35px;
  }
}
section.intro a.back {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  background: #f5f5f7;
}
@media (max-width: 960px) {
  section.intro a.back {
    display: grid;
  }
}
section.intro a.back:hover {
  background: linear-gradient(133deg, #7f178d 0%, #ef8218 78.55%, #dcde38 100%);
}
section.intro a.back:hover svg path {
  stroke: white;
}
section.intro div.text {
  display: grid;
  grid-gap: 30px;
}
@media (max-width: 1620px) {
  section.intro div.text {
    grid-gap: 20px;
  }
}
section.intro h1 {
  position: relative;
}
section.intro h1:after {
  position: absolute;
  top: 0;
  left: 0;
  content: attr(data-text);
  color: #F5F5F7;
  font-size: 150px;
  z-index: -1;
  text-transform: uppercase;
}
@media (max-width: 1620px) {
  section.intro h1:after {
    font-size: 120px;
  }
}
@media (max-width: 1400px) {
  section.intro h1:after {
    font-size: 110px;
  }
}
@media (max-width: 960px) {
  section.intro h1:after {
    font-size: 80px;
  }
}
@media (max-width: 640px) {
  section.intro h1:after {
    font-size: 60px;
  }
}
section.intro h1 + span {
  display: block;
  max-width: 500px;
  color: #767676;
}

section.services {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 1400px) {
  section.services {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (max-width: 960px) {
  section.services {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
section.services div.list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
}
@media (max-width: 1620px) {
  section.services div.list {
    grid-gap: 40px;
  }
}
@media (max-width: 1400px) {
  section.services div.list {
    grid-gap: 30px;
  }
}
@media (max-width: 960px) {
  section.services div.list {
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  section.services div.list {
    grid-template-columns: 1fr;
  }
}
section.services a.service {
  height: 344px;
}
@media (max-width: 1620px) {
  section.services a.service {
    height: 292px;
  }
}
@media (max-width: 1400px) {
  section.services a.service {
    height: 378px;
  }
}
@media (max-width: 960px) {
  section.services a.service {
    height: 258px;
  }
}
@media (max-width: 640px) {
  section.services a.service {
    height: 252px;
  }
}/*# sourceMappingURL=services.css.map */