.hero {
  background: #f2f2f2 url(../images/aboutus/about-us-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  min-height: calc(100vh - 75px);
}

.dieselCards {
  -webkit-transform: translateY(-63%);
          transform: translateY(-63%);
}

.dieselCards img {
  width: 100%;
  max-width: 530px;
}

@media (max-width: 768px) {
  .dieselCards img {
    width: 80%;
  }
}

.aboutText {
  margin-top: -150px;
}

.aboutText .title {
  font-size: 46px;
}

.aboutText .text {
  margin: 80px 0;
  font-size: 22px;
}

@media (max-width: 768px) {
  .aboutText {
    margin-top: -100px;
  }
  .aboutText .title {
    font-size: 36px;
  }
  .aboutText .text {
    margin: 50px 0;
    font-size: 18px;
  }
}

.aboutPoints {
  border-top: 2px solid #ddd;
  padding: 80px 0;
}

.aboutPoints .points {
  margin-top: 130px;
}

.aboutPoints .points > div {
  margin-bottom: 80px;
}

.aboutPoints .points > div:hover img {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

@media (min-width: 992px) {
  .aboutPoints .points > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 5);
            flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
}

.aboutPoints .points img {
  display: block;
  margin: 0 auto 20px;
  max-width: 80px;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

.aboutPoints .points p {
  font-weight: 500;
}

@media (max-width: 768px) {
  .aboutPoints .title {
    font-size: 24px;
    line-height: 1.8;
  }
}

.btnGroup {
  margin-top: 60px;
}

.btnGroup .btn {
  text-transform: uppercase;
  width: 100%;
  padding: 14px 10px;
}

@media (max-width: 768px) {
  .btnGroup .btn {
    margin-bottom: 20px;
  }
}

.callUs {
  margin: -40px 0 200px;
}

.callUs .btn {
  max-width: 200px;
}

@media (min-width: 576px) {
  .callUs > *:first-child {
    text-align: right;
  }
  .callUs > *:last-child {
    text-align: left;
  }
}
/*# sourceMappingURL=about-us.css.map */