/* Bootstrap snippet for timeline, found here:https://bootsnipp.com/snippets/O5q8E  */
.circle {
  padding: 13px 20px;
  border-radius: 50%;
  background-color: #4C5C68;
  color: #fff;
  max-height: 50px;
  z-index: 2;
}

.vertical_timeline.row .col-2 {
  align-self: stretch;
}
.vertical_timeline.row .col-2::after {
  content: "";
  position: absolute;
  border-left: 2px solid #4C5C68;
  z-index: 1;
}
.vertical_timeline.row .col-2.bottom::after {
  height: 50%;
  left: 50%;
  top: 50%;
}
.vertical_timeline.row .col-2.full::after {
  height: 100%;
  /* left: calc(50% - 3px); */
  left: 50%;
}
.vertical_timeline.row .col-2.top::after {
  height: 50%;
  left: 50%;
  top: 0;
}

.timeline div {
  padding: 0;
  height: 40px;
}
.timeline hr {
  border-top: 2px solid #4C5C68;
  margin: 0;
  top: 18px;
  position: relative;
}
.timeline .col-2 {
  display: flex;
  overflow: hidden;
}
.timeline .corner {
  border: 2px solid #4C5C68;
  width: 100%;
  position: relative;
  border-radius: 15px;
}
.timeline .top-right {
  left: 50%;
  top: -50%;
}
.timeline .left-bottom {
  /* left: -50%; */
  left: calc(-50% + 2px);
  top: calc(50% - 2px);
}
.timeline .top-left {
  left: calc(-50% + 2px);
  top: -50%;
}
.timeline .right-bottom {
  left: 50%;
  top: calc(50% - 2px);
}


.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}