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

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

nav {
  background: #FFFFFF
}
footer {
  background: #2828280;
}

.navbar-dark .navbar-nav .nav-link {
  color: #333;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #333;
}

.navbar-dark .navbar-toggler {
  color: #333;
}

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

.topics-bg:after {
  background-image: url(../img/bg.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: #282828;
  }
  .promo {
    padding: 60px 0 0;
    overflow: hidden;
  }
}