:root {  
--primary: #00793a;
--secondary: #FFA300;
--selection: #00793a;

--font: 'Calibri',sans-serif;
}

nav {
  background: #01300c
}
footer {
  background: #01300c;
}
.promo, 
.ticket {
  background: linear-gradient(0deg, #00793a 0%, #01300c calc(100% - 56px));
  background-image: url(../img/style_3.jpg);
  background-size: cover;
  background-position: 50%;
}
.promo {
  background-position: 50% 70%;
  padding: 0 0 60px;
}

.topics-bg:after {
  background-image: url(../img/style_3.jpg);
}

.timeline li {
  width: 26%;
  margin: 0 5px 30px;

}
.topic-item {
  margin: 8px auto;
}


@media (max-width: 769px) {
  .timeline li {
    height: auto;
  }
  .topics-bg:before {
      background: #01300c;
  }
  .promo {
    padding: 60px 0 0;
    overflow: hidden;
  }
}