.timeline-wrap {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 4em;
}

.year-row {
  border-top: 1px solid #99928d;
  padding: 2em 0;
  margin: 2em 0;
}

.first-column {
  width: 20%;
  float: left;
}

.first-column .date {
  background: #4e81ee;
  padding: 8px;
  color: #fff;
  font-weight: bold;
  width: 120px;
  display: block;
}

.first-column .flag {
  display: block;
  margin-top: 1rem;
}

.first-column .flag img {
  max-width: 60px;
}

.second-column {
  width: 40%;
  float: left;
  padding: 0 2em;
}

.second-column img {
  max-width: 340px;
}

.second-column p {
  padding-top: 0;
  margin-top: 0;
}

.second-column span {
  color: #413732;
  font-weight: bold;
}

.third-column {
  width: 32%;
  float: left;
}

.third-column img {
  display: block;
  max-width: 280px;
  float: right;
}

.patrick {
  width: 200px;
}

@media (max-width: 850px) {
  .first-column {
    width: 100%;
    float: none;
    padding: 0;
  }

  .second-column {
    width: 100%;
    float: none;
    margin-top: 20px;
    padding-left: 0;
  }

  .third-column {
    width: 100%;
    float: none;
  }

  .third-column img {
    max-width: 100%;
  }

  .patrick {
    width: 100%;
  }
}