.timeline {
  background-image: url(layout/line-1.png);
  background-position: center;
  background-repeat: repeat-y;
  margin: 30px auto 50px auto;
  position: relative;
  height: auto;
  padding: 0px;
  clear: both;
  overflow: hidden;
}

  .timeline h2 {
    font-size: 60px;
  }

  .timeline li.event {
    width: 40%;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 8px 20px 20px;
    position: relative;
    list-style-type: none;
    z-index: 999;
  }

li.event p {
  position: absolute;
  width: 330px;
  top: 70px;
}

li.event:nth-child(odd) {
  clear: left;
  float: left;
  text-align: right;
}

  li.event:nth-child(odd) p {
    right: -70px;
  }

li.event:nth-child(even) {
  clear: right;
  float: right;
  margin-top: 100px;
  margin-bottom: 50px;
}

  li.event:nth-child(even) p {
    left: -70px;
  }

.timeline li.event:nth-child(odd)::after {
  background: #e9b105;
  content: "";
  height: 3px;
  position: absolute;
  top: 30px;
  right: -25%;
  width: 25%;
}

li.event:nth-child(even)::before {
  background: #e9b105;
  content: "";
  height: 3px;
  position: absolute;
  top: 30px;
  left: -25%;
  width: 25%;
}

.event-1959 {
  background: url(layout/company-history/humble-shop.png) no-repeat left center;
  height: 230px;
}

.event-1967 {
  min-height: 260px;
}

.event-1975 {
  background: url(layout/company-history/fer.png) no-repeat right center;
  min-height: 140px;
}

.event-1977 {
  background: url(layout/company-history/bt.png) no-repeat left top;
  min-height: 340px;
}

.event-1983 {
  background: url(layout/company-history/ae-camshafts.png) no-repeat right center;
  min-height: 310px;
}

  .event-1983 p {
    width: 250px;
  }

.timeline li.event-1984 {
  background: url(layout/company-history/logos.png) no-repeat right bottom;
  min-height: 260px;
  margin-bottom: 150px;
}

.event-1987 {
  background: url(layout/company-history/itv-award.png) no-repeat right bottom;
  min-height: 200px;
}

.timeline li.event-1990 {
  background: url(layout/company-history/first-catalogue.png) no-repeat left center;
  min-height: 210px;
  margin-bottom: 190px;
}

.timeline li.event-1995 {
  background: url(layout/company-history/certificate.png) no-repeat right bottom;
  min-height: 380px;
  margin-bottom: 0;
}

.event-1997 {
  min-height: 446px;
}

.event-2002 {
  min-height: 230px;
}

  .event-2002 p {
    background: url(layout/company-history/building.jpg) no-repeat left bottom;
    min-height: 316px;
    left: -112px !important;
    padding-left: 42px !important;
    width: 553px !important;
  }

.timeline li.event-2005 {
  background: url(layout/company-history/bloom.png) no-repeat left center;
  min-height: 240px;
  margin-bottom: 190px;
}

.event-2009 {
  min-height: 260px;
}

  .event-2009 p {
    background: url(layout/company-history/gasket-camshaft-catalogue.png) no-repeat left bottom;
    min-height: 200px;
  }

.event-2010 {
    min-height: 370px;
}

.timeline li.event-2014 {
  background: url(layout/company-history/groupauto.png) no-repeat left bottom;
  min-height: 220px;
  margin-bottom: -12px;
}

.event-2015 {
  background: url(layout/company-history/ultraparts-elcome.png) no-repeat left center;
  min-height: 418px;
}

.event-default {
    min-height: 140px;
    margin-bottom: 153px !important;
}

.event-2019 {
    background: url(layout/company-history/automechanika-show.jpg) no-repeat right bottom;
    min-height: 446px;
    left: -122px !important;
    width: 553px !important;
    margin-bottom: 66px !important;
}

.event-2021 {
    background: url(layout/company-history/FER-Logo_2021_small.png) no-repeat left center;
    min-height: 140px;
    margin-bottom: 88px !important;
}

.event-2022 {
    min-height: 257px;
}

.event-20222 {
    background: url(layout/company-history/IAAF-LOGO.jpg) no-repeat left center;
    min-height: 140px;
}

@media (max-width: 990px) {
  .event,
  .event p {
    background: none !important;
    margin-bottom: 50px;
  }

    .event p {
      width: 100% !important;
    }

  li.event:nth-child(even) p {
    left: -40px !important;
    padding: 0 !important;
  }

  li.event:nth-child(odd) p {
    right: -40px !important;
    padding: 0 !important;
  }
}

@media (max-width: 640px) {
  li.event:nth-child(even) p {
    left: -20px !important;
  }

  li.event:nth-child(odd) p {
    right: -20px !important;
  }

  .timeline h2 {
    font-size: 50px;
  }
}

@media (max-width: 380px) {
  .event-1983 {
    min-height: 425px !important;
  }

  .event-1984 {
    min-height: 310px !important;
  }

  .event-1987 {
    min-height: 150px !important;
  }

  .event-1990 {
    min-height: 120px !important;
  }

  .event-1995 {
    min-height: 170px !important;
  }

  .event-1997 {
    min-height: 310px;
  }

  .event-2002 {
    min-height: 180px;
  }

  .event-2015 {
    min-height: 250px;
  }
}