.timeline {
            margin: 0;
            padding: 0;
            list-style: none;
            position: relative;
        }

            .timeline:before {
                content: '';
                position: absolute;
                top: 3%;
                bottom: 0;
                width: 5px;
                background: #e2e2e2;
                left: 10%;
                height: 100%;
            }

            .timeline li:last-child:before {
                content: initial;
            }



            .timeline > li .tmlabel {
                margin: 0 0 15px 20%;
                color: #FFF;
                padding: 15px;
                font-size: 1.2em;
                font-weight: 300;
                line-height: 1.4;
                position: relative;
                border-radius: 20px;
                /*min-height: 150px;*/
            }

                .timeline > li .tmlabel .time, .timeline > li .tmlabel .location {
                    font-size: 1rem;
                    margin-bottom: 5px;
                    color:#333;
                }

                .timeline > li .tmlabel i {
                    width: 30px;
                    text-align: center;
                    margin-right: 2px;
                }

                .timeline > li .tmlabel.Center {
                    background: #fff;
                    border: 1px solid #ccc;
                }

                .timeline > li .tmlabel.Pi {
                    background: #27773b;
                }

                .timeline > li .tmlabel.match {
                    background: #db9600;
                }


                .timeline > li .tmlabel h3 a {
                    margin-top: 0px;
                    color: #0056b3;
                    font-size: 1.25rem;
                    line-height: 1.2;
                    margin-bottom: 5px;
                    padding: 0 0 10px 0;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
                    font-family: 'Open Sans', sans-serif;
                    font-weight: bold;
                }

                .timeline > li .tmlabel h4 {
                    opacity: 0.7;
                    color: #333;
                    letter-spacing: 0px;
                    font-family: 'Source Sans Pro', sans-serif;
                    font-size: 18px;
                    line-height: 1.2em;
                    font-weight: 600;
                    padding: 0;
                    padding-bottom: 10px;
                    margin: 0;
                    text-align: left;
                }

                    .timeline > li .tmlabel h4 i {
                        margin-right: 5px;
                        vertical-align: middle;
                    }

                .timeline > li .tmlabel .timeBtn {
                    display: flex;
                    width: 100%;
                    height: 100%;
                    border-radius: 50px;
                    font-size: 1.125rem;
                    font-weight: bold;
                    justify-content: center;
                    align-items: center;
                    background-color: #0056b3;
                    color: #fff;
                }

            .timeline > li .day {
                width: 100px;
                height: 100px;
                top: 3%;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                font-size: 1.4em;
                line-height: 35px;
                -webkit-font-smoothing: antialiased;
                position: absolute;
                color: #333;
                background: #edf2fa;
                border-radius: 50%;
                text-align: center;
                left: 8%;
                margin: 0 0 0 -25px;
            }

                .timeline > li .day span {
                    display: block;
                    text-align: center;
                }

                    .timeline > li .day span.month {
                        font-size: 1.25rem;
                    }

                    .timeline > li .day span.timedate {
                        font-size: 2.65rem;
                        font-weight: bold;
                    }


            .timeline li {
                margin-bottom: 70px;
                position: relative;
            }

        @media (max-width: 1024px) {
            .timeline:before {
                display: none;
            }

            .timeline > li .timedate {
                width: 100%;
                position: relative;
            }

                .timeline > li .timedate span {
                    text-align: left;
                }

            .timeline > li .tmlabel {
                margin: 30px 0 30px 0;
                padding: 30px;
                font-weight: 400;
                font-size: 95%;
                float: left;
            }

                .timeline > li .tmlabel:after {
                    right: auto;
                    border-right-color: transparent;
                    border-bottom-color: rgb(50, 68, 84);
                    top: -20px;
                }

            .timeline > li .day {
                position: relative;
                float: left;
                left: auto;
                margin: 0px 5px 0 0px;
            }


            .timeline > li .timedate span:last-child {
                font-size: 1.5em;
            }
        }

        @media (max-width: 768px) {
            .timeline {
                margin: 0;
            }

                .timeline > li:first-child .day {
                    width: 60px;
                    height: 60px;
                    line-height: 25px;
                    margin-top: 0px;
                }

                .timeline > li .day {
                    width: 60px;
                    height: 60px;
                    line-height: 25px;
                    margin-top: 20px;
                }

                    .timeline > li .day span.month {
                        font-size: 0.85rem;
                    }

                    .timeline > li .day span.timedate {
                        font-size: 1.45rem;
                    }

                .timeline > li .tmlabel {
                    margin: 15px 0 15px 0;
                    padding: 10px;
                }

                    .timeline > li .tmlabel h3 {
                        font-size: 1rem;
                    }

                    .timeline > li .tmlabel .time, .timeline > li .tmlabel .location {
                        font-size: 1rem;
                        margin-bottom: 5px;
                        color:#333;
                    }

                    .timeline > li .tmlabel .timeBtn {
                        font-size: 1rem;
                    }
        }