div.history-list {
  position: relative;
  margin-bottom: 7em;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  div.history-list:before {
    background: #aaa;
    content: "";
    width: 3px;
    height: 100%;
    left: 95%;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    z-index: 0;
  }
}
@media only screen and (min-width: 1200px) {
  div.history-list:before {
    left: 50%;
  }
}
div.history-list .history-item-wrapper {
  margin: 1em 1em 2em 1em;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  div.history-list .history-item-wrapper {
    margin-bottom: -3em;
  }
}
div.history-list .history-item-wrapper .marker {
  background: #fff;
}
@media only screen and (min-width: 992px) {
  div.history-list .history-item-wrapper .marker {
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    top: 2em;
    left: 97.4%;
    transform: translateX(-50%) translateY(-50%);
    border-style: solid;
    border-width: 2px;
    z-index: 1;
    border-radius: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  div.history-list .history-item-wrapper .marker {
    left: 50%;
  }
}
div.history-list .history-item-wrapper:nth-of-type(5n + 1) .marker {
  border-color: #acc17c;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 1) .title {
  color: #acc17c;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 1) a {
  color: #acc17c;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 1) a:hover {
  color: #96b159;
}
div.history-list .history-item-wrapper:nth-of-type(5n +2) .marker {
  border-color: #79a09c;
}
div.history-list .history-item-wrapper:nth-of-type(5n +2) .title {
  color: #79a09c;
}
div.history-list .history-item-wrapper:nth-of-type(5n +2) a {
  color: #79a09c;
}
div.history-list .history-item-wrapper:nth-of-type(5n +2) a:hover {
  color: #5f8783;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 3) .marker {
  border-color: #768ea4;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 3) .title {
  color: #768ea4;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 3) a {
  color: #768ea4;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 3) a:hover {
  color: #5c758b;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 4) .marker {
  border-color: #7a7878;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 4) .title {
  color: #7a7878;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 4) a {
  color: #7a7878;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 4) a:hover {
  color: #605f5f;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 5) .marker {
  border-color: #a37778;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 5) .title {
  color: #a37778;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 5) a {
  color: #a37778;
}
div.history-list .history-item-wrapper:nth-of-type(5n + 5) a:hover {
  color: #8a5d5e;
}
@media only screen and (min-width: 1200px) {
  div.history-list .history-item-wrapper:nth-of-type(odd) {
    text-align: right;
  }
  div.history-list .history-item-wrapper:nth-of-type(odd) ul {
    overflow: hidden;
  }
  div.history-list .history-item-wrapper:nth-of-type(odd) li {
    list-style: none;
    float: right;
    clear: both;
  }
  div.history-list .history-item-wrapper:nth-of-type(odd) li:before {
    content: '\2022';
    display: inline-block;
    font-size: 3.8rem;
    margin-right: 0.1em;
    margin-top: -100%;
    transform: translateY(3px);
  }
}
@media only screen and (min-width: 1200px) {
  div.history-list .history-item-wrapper:nth-of-type(even) ul {
    padding-left: 13px;
  }
  div.history-list .history-item-wrapper:nth-of-type(even) .content {
    padding: 0 1em 1em 20px;
  }
  div.history-list .history-item-wrapper:nth-of-type(even) .history-item {
    margin-left: 54%;
  }
}
@media only screen and (min-width: 1400px) {
  div.history-list .history-item-wrapper:nth-of-type(even) .content {
    padding: 0 1em 1em 20px;
  }
  div.history-list .history-item-wrapper:nth-of-type(even) .history-item {
    margin-left: 54%;
  }
}
div.history-list .history-item {
  position: relative;
  z-index: 2;
  transform: scale(1);
  transition-duration: 0.2s;
}
@media only screen and (min-width: 992px) {
  div.history-list .history-item {
    width: 95%;
  }
}
@media only screen and (min-width: 1200px) {
  div.history-list .history-item {
    width: 46%;
  }
}
@media only screen and (min-width: 1400px) {
  div.history-list .history-item {
    width: 46%;
  }
}
div.history-list .title {
  padding: 0.5em;
  margin-bottom: 0;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) {
  div.history-list .title {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1400px) {
  div.history-list .title {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 2300px) {
  div.history-list .title {
    font-size: 3rem;
  }
}
div.history-list .content {
  padding: 0 0.5em 0.5em;
}
@media only screen and (min-width: 992px) {
  div.history-list .content {
    padding: 0 13px 1em 1em;
  }
}
@media only screen and (min-width: 1200px) {
  div.history-list .content {
    padding-right: 13px;
  }
}
@media only screen and (min-width: 1400px) {
  div.history-list .content {
    padding-right: 13px;
  }
}