.timeline-wrapper {
max-width: 100%;
margin: 0 auto;
}
.timeline-nav {
background-color: #183654;
border-radius: 10px;
padding: 0 15px;
}
.timeline-nav .slick-list, .timeline-nav .slick-track {display: flex;}
.timeline-nav .slick-prev {left: 10px;}
.timeline-nav .slick-next {right: 10px;}
.timeline-year {
padding: 15px;
text-align: center;
font-size: 1.2rem;
font-weight: 500;
transition: 0.3s;
cursor: pointer;
display: flex !important;
align-items: center;
justify-content: center;
height: 80px;
}
.timeline-year.slick-current {
font-weight: 700;
font-size: 2rem;
}
.timeline-content {
margin-top: 20px;
padding: 30px;
background-color: rgba(255, 255, 255, .1);
border-radius: 10px;
}
.timeline-slide {}
.timeline-text {
max-width: 580px;
margin: 0 auto;
}
.timeline-text h3 {
font-size: 1.8rem;
font-weight: bold;
}
.timeline-image {
}
.timeline-image img {
width: 100%;
height: auto;
display: block;
}
@media(min-width: 768px){
.timeline-text {padding: 15px;}
}