.timeline-wrapper {
    position:relative;
    z-index: 99;
}

.decade-wrap {
    overflow:hidden;
    clear:both;
    display:block;
    background:url('../images/vertical_line.png') #fff repeat-y;
    background-position-x: center;
}
.decade-wrap:first-child {
    padding-top: 40px;
}
.decade-wrap:last-child{
    margin-bottom: 75px;
}

.decade-wrap h1 {
    text-align: center;
    background:#fff;
    padding:25px 0 35px;
    font-size:45px;
    color: #192e41;
}
.timeline-thumbnail {
    background-position-x: center !important;
    background-position-y: center !important;
    background-size: cover !important;    
    height:319px;  
}    
.timeline-item,
.timeline-inner-wrap {
    padding-left:0;
    padding-right:0;
}
.timeline-left {
    /*margin-top: 100px;*/
    background:url('../images/left_line.png') no-repeat right center;    
    margin-left: 8px;
}
.timeline-right {
     margin-top: 100px;
    background:url('../images/right_line.png') no-repeat left center;
    margin-left: -15px;
}
.timeline-inner-wrap {
    padding-top: 25px;
}
.timeline-year {
    position: absolute;
    top: 39%;
    font-size:30px;
    font-weight: 500;
    color: #192e41;
}
.timeline-right .timeline-year {
    padding-left: 35px;
}
.timeline-left .timeline-year {
    right:0;
    padding-right: 34px;
}
.timeline-title {
    font-size: 19px;
    font-weight: 500;
    color: #000;
    padding-top: 15px;
    padding-bottom: 10px;
    font-family:'roboto';
}

.timeline-decade-links {
    background:#ececec;
    min-height: 60px;
    /* margin-top: 50px; */
    /*position: fixed;*/
    /*width:100%;*/
    display: flex;
}
.timeline-decades-link-item {
    width: 100px;   
    margin: 0 auto;  
    text-align: center;
    font-size: 18px;
    padding-top: 18px;
    height: 60px;
}
.timeline-decades-link-item a:hover, 
.timeline-decades-link-item a:focus{
    text-decoration:none;
}

.timeline-decades-link-item.showing {
    background:url('../images/arrow-up.png') transparent no-repeat center bottom;
}

.timeline-decade-links-wrapper {
    overflow: hidden;
}

.timeline-decade-links-wrapper.fixed {
    position: fixed;
    top: 0px;
    z-index: 110;
    left:0; 
    width:100%;
}

.admin-bar .timeline-decade-links-wrapper.fixed {
    top:32px;
}
.show-more-wrap {
    display: none;
    margin-top: 74px;
}


@media(max-width:1199px){
    .timeline-thumbnail {
        height:253px;
    }
    .timeline-item {
        background-position-y: 33%;
    }
    .timeline-year{
        top: 21%;
    }
}
@media(max-width:991px){
    .timeline-thumbnail {
        height:190px;
    }
    .timeline-item {
        background-position-y: 28%;
    }
    .timeline-year{
        top: 18%;
        font-size: 23px;
    }
    .decade-wrap h1 {
        padding: 14px 0 24px;
        font-size: 31px;
    }
    
}

@media(max-width:768px){
    .timeline-thumbnail {
        height:354px;
        width:410px;
    }
    .decade-wrap {
        background:none;
    }
    .decade-wrap:first-child {
        padding-top:0;
    }
    .decade-wrap h1 {
        padding: 0px 0px 0px 0px;
    }

    .timeline-right {
        margin-top: 0;
    }
    .timeline-item {
        background:#fff;  
        margin-left: 0 !important;
        margin-right:0 !important;
    }
    .timeline-year {
        position: relative;
        padding-left: 0 !important;
        padding-right:0 !important;
        background:url('../images/Line.png') #fff no-repeat left 31px;
    }
    .timeline-decade-links {
        display: none;
    }

}
@media(max-width:500px){
    .timeline-thumbnail {
        height:302px;
        width:auto;
    }
}


@media(max-width:375px){
    .timeline-thumbnail {
        height:242px;     
    }
}