@import "../fonts/fonts.css";
.story * {
  text-align: center;
}
.story h2 {
  text-transform: uppercase;
}
.story p {
  margin: 60px 0;
}
.story .history {
  padding: 100px 0;
}
.story .journey {
  padding-bottom: 100px;
}
.story .journey ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 100px;
}
.story .journey ul li {
  width: 20%;
  padding: 0 20px 40px 20px;
}
.story .journey ul li h4 {
  font-family: "Century Schoolbook", sans-serif;
  font-family: "Century Schoolbook", sans-serif;
  font-weight: bold;
  color: #9F7308;
  font-size: 1.5rem;
  margin: 20px 0 15px 0;
}
.story .journey ul li p {
  margin: 0;
}

@media only screen and (max-width : 500px) {
  .history, .journey {
    padding: 60px 0;
  }
  .story .journey {
    padding-top: 0;
  }
  .story .journey ul li {
    width: 100%;
    box-sizing: border-box;
  }
  .story .journey ul li img {
    width: 50%;
    margin: 20px auto;
  }
}/*# sourceMappingURL=story.css.map */