.intro {
  background-color: #e8115a;
  text-align: center;
  color: #fff;
}

.intro h1 {
  padding-top: 10%;
  font-size: 1.4rem;
  font-weight: 800;
}

.intro h2 {
  padding: 1% 0;
  font-size: 1.2rem;
  font-weight: 800;
}

.intro img {
  width: 30%;
}

.outline {
  text-align: center;
  padding: 5% 0;
}

.outline h1 {
  color: #989898;
  margin-bottom: 0.5%;
}

.design .identity {
  padding: 15% 5%;
  background-color: #fff;
  text-align: center;
  padding: 5% 0;
}

.design .identity h1 {
  color: #989898;
}

.design .identity h2 {
  color: #e8115a;
}

.design .identity h3 {
  margin: 4% auto 1%;
}

.design .identity .image02 {
  width: 30%;
}

.design .identity .image04 {
  width: 15%;
}

.design .output {
  background-color: #e8115a;
  color: #fff;
  text-align: center;
  padding: 6% 0;
}

.design .output h2 {
  font-size: 1rem;
  margin-bottom: 0.5%;
  font-weight: 800;
  opacity: 0.6;
}

.design .output h3 {
  font-size: 1.6rem;
  margin-bottom: 2%;
  font-weight: 800;
}

.design .output .store-animation {
  width: 60%;
}

.parallax {
  background-image: url("../img/expo.png");
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
  padding: 10% 0;
  color: #fff;
}

.parallax h3 {
  font-size: 1.4rem;
  font-weight: 800;
}

.parallax p {
  line-height: 2rem;
  margin: 2% auto;
}

.client {
  text-align: center;
  padding: 5% 0;
  background-color: #fff;
}

.client p {
  font-size: 1.2rem;
  font-weight: 800;
}

#copyright {
  margin-top: 0 !important;
}

/* --------- mobile --------- */
@media (max-width: 768px) {
  .intro h1 {
    padding-top: 30%;
    font-size: 1.2rem;
    font-weight: 800;
  }
  .intro h2 {
    padding: 3% 0;
    font-size: 1.2rem;
    font-weight: 800;
  }
  .outline {
    padding: 15% 5%;
  }
  .design .identity {
    padding: 15% 5%;
  }
  .design .identity h3 {
    margin: 10% auto 5%;
  }
  .design .output {
    padding: 15% 0;
  }
  .design .output .store-animation {
    width: 90%;
  }
  .parallax {
    padding: 25% 5%;
  }
  .parallax h3 {
    font-size: 1.2rem;
    font-weight: 800;
    margin-bottom: 8%;
  }
  .client {
    padding: 20% 0;
  }
}

@media (max-width: 768px) {
  .intro img {
    width: 100%;
  }
  .design .identity .image02 {
    width: 90%;
  }
  .design .identity .image03 {
    width: 95%;
  }
  .design .identity .image04 {
    width: 60%;
  }
  .design .output img {
    width: 80%;
  }
  .design .output .image05 {
    width: 55% !important;
  }
  .design .client img {
    width: 80%;
  }
}
/*# sourceMappingURL=redu.css.map */