.splash {
  background-color: var(--dark);
}

.splash-text {
  color: var(--white);
  font-size: 72px;
  font-weight: 900;
}

.splash-red {
  color: var(--red);
}

.services-head {
  margin-top: 10em;
  position: relative;
  padding-bottom: 10px;
}

.services-head::before {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 5px;
  background: var(--red);
  bottom: 0;
  left: calc(50% - 30px);
}

.services-title {
  color: var(--black);
  font-size: 72px;
  font-weight: 900;
}

.services-text {
  color: var(--black);
  font-size: 24px;
}

.services-col-title {
  font-size: 64px;
}

.btn {
  background-color: var(--red) !important;
}

/* media query for mobile */
@media (max-width: 768px) {

  .services-head {
    margin-top: 5em;
  }
  .splash-text {
    font-size: 36px;
  }

  .services-title {
    font-size: 36px;
  }

  .services-text {
    font-size: 18px;
  }

  .services-col-title {
    font-size: 36px;
  }
}